@media (min-width: 769px){
    DIV.categoryTitle {
        width: 100%;
        height: 100px;
        background: URL(../images/common/pageTitle_back.jpg) no-repeat 50% 50% #f74420;
    }
}
@media (min-width: 769px){
    DIV.categoryTitle H3 {
        clear: both;
        width: 100%;
        height: 44px;
        font-size: 44px;
        font-weight: 400;
        line-height: 70px;
        color: #fff;
        letter-spacing: 1px;
        text-align: center;
    }
}
@media (min-width: 769px){
DIV.categoryTitle P {
    width: 100%;
    height: 20px;
    font-size: 19px;
    font-weight: 300;
    line-height: 60px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}
}



@media (min-width: 769px){
DIV.pageNavigation {
    clear: both;
    width: 100%;
    height: 18px;
    margin: 24px auto 0px auto;
}
}

@media (min-width: 769px){
DIV.pageNavigation UL {
    width: 1200px;
    margin: 0 auto;
    display: none;
}
}
@media (min-width: 769px){
DIV.pageNavigation LI {
    float: left;
}
}

@media (min-width: 769px){
DIV.pageNavigation LI A {
    font-size: 14px;
    line-height: 18px;
    color: #333;
}
}



@media (min-width: 769px){
DIV.topRedBar {
    clear: both;
    width: 1200px;
    height: 5px;
    background: #f53f25;
    margin: 0 auto;
}
}

.clear-half {
    clear: both;
    width: 100%;
    height: 25px;
}

@media (min-width: 769px){
DIV.contentsBtnSet-wrap {
    width: 1200px;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #f53f25;
    padding-bottom: 20px;
    margin: 0 auto;
}
}

@media (min-width: 769px){
DIV.contentsBtnSet-wrap A {
    display: inline-block;
    color: #f54026;
    margin: 0 0 0 2px;
    border: 1px solid #f54026;
    border-radius: 5px;
    padding: 30px;
}
}

@media (min-width: 769px){
DIV.contentsBtnSet-wrap A:first-child {
    margin: 0;
}
}

@media (min-width: 769px){
DIV.contentsBtnSet-wrap A.selected {
    background: #f54026;
    color: #fff;
}
}

@media (min-width: 769px){
DIV.mPageTitle-wrap, DIV.mPageSearch-wrap, DIV.subMenuBar {
    display: none;
}
}

@media (min-width: 769px){
DIV.searchPart {
    width: 1200px;
    padding: 30px 0;
    text-align: center;
    margin: 0 auto;
}
}

@media (min-width: 769px){
DIV.searchPart DIV.select-wrap {
    display: inline-block;
    width: 220px;
    margin: 0 6px;
}
}

@media (min-width: 769px){
DIV.searchPart DIV.select-wrap SELECT {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding-left: 21px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
}
}

@media (min-width: 769px){
DIV.searchPart DIV.keyword-wrap {
    display: inline-block;
    width: 520px;
    margin: 0 6px;
}
}

@media (min-width: 769px){
DIV.searchPart DIV.keyword-wrap INPUT.keyword {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding-left: 21px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
}
}

@media (min-width: 769px){
DIV.searchPart DIV.button-wrap {
    display: inline-block;
    width: 88px;
    margin: 0 6px;
}
}


@media (min-width: 769px){
DIV.searchPart DIV.button-wrap INPUT.keySearch {
    width: 100%;
    height: 40px;
    background: #e7e7e7;
    font-size: 16px;
    line-height: 40px;
    color: #4a4b46;
    text-align: center;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    cursor: pointer;
}
}

@media (min-width: 769px){
DIV.board {
    width: 1200px;
    margin: 0 auto;
}
}

@media (min-width: 769px){
DIV.board UL.boardList {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI {
    border-bottom: 1px solid #d9dfe3;
    text-align: center;
    padding: 20px 0;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI.boardHeader {
    border: 5px solid #d8dee2;
    border-width: 5px 0;
    background: #f3f5f6;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI H2.number {
    display: inline-block;
    width: 9%;
    font-size: 16px;
    font-weight: 400;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI H3.title {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI.boardHeader H3.title {
    text-align: center;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI P {
    display: inline-block;
    width: 9%;
    font-size: 16px;
    font-weight: 400;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI P.date, DIV.board UL.boardList LI P.count {
}
}

@media (min-width: 769px){
DIV.contentsBox {
    width: 1200px;
    min-height: 440px;
    margin: 0 auto;
}
}

@media (min-width: 769px){
h4.contactTitle {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0 0 20px;
    text-align: center;
}
}

@media (min-width: 769px){
.contentsBox-Inner {
    width: 90%;
    margin: 20px auto;
}
}

@media (min-width: 769px){
.contentsBox-Inner h4 {
    color: #f53f25;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    border-bottom: 3px solid #f53f25;
    padding: 20px 0 10px;
}

.contentsBox-Inner .ceo-style {
    font-size: 16px;
    color: #000;
    padding-top: 0;
}
}

@media (min-width: 769px){
.contentsBox-Inner p {
    width: 98%;
    margin: 0 auto;
    color: #666;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
}
}

@media (min-width: 769px){
.contentsBox-Inner p.about-slogun {
    font-style: italic;
    text-align: center;
    font-size: 22px;
    padding: 10px 0 70px;
}
}

@media (min-width: 769px){
.contentsBox-Inner p.about-slogun.orange {
    color: #f53f25;
    padding-bottom: 0;
}
}

@media (min-width: 769px){
.contentsBox-Inner h3 {
    width: 100%;
    color: #f53f25;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    background: URL('//www.giftpop.vn/resources/images/common/bar-orange.png') repeat-x 50%;
}
}

@media (min-width: 769px){
.contentsBox-Inner h3 span {
    background: #fff;
    padding: 0 20px 0 0;
}
}



@media (min-width: 769px){
.contentsBox-Inner p.circle-content {
    color: #f53f25;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 25px 0 10px;
    line-height: 40px;
    width: 100%;
}
}


@media (min-width: 769px){
.contentsBox-Inner p.circle-content span.circle-num {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: #EF6026;
    border-radius: 100%;
    text-align: center;
    color: #fff;
}
}

@media (min-width: 769px){
.contentsBox-Inner p span {
    font-weight: 600;
    letter-spacing: 0;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul {
    width: 95%;
    margin: 20px auto;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle {
    width: 90%;
    margin: 10px auto;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-diagram li {
    margin: 0 0 20px;
    text-align: center;
    border-radius: 20px;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-diagram li.center {
    display: block;
    float: left;
    width: 5%;
    background: URL('/resources/images/common/arrow-cont.png') no-repeat 50%;
    height: 38px;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul li {
    padding-left: 1em;
    padding: 7px;
    line-height: 24px;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul {
    width: 95%;
    margin: 20px auto;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-diagram {
    width: 90%;
    margin: 10px auto 30px;
    display: table;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-diagram li.left {
    display: block;
    float: left;
    width: 42%;
    background: #EF6026;
    color: #fff;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-diagram li {
    margin: 0 0 20px;
    text-align: center;
    border-radius: 20px;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-diagram li.right {
    display: block;
    float: right;
    width: 53%;
    background: #4DA4DA;
    color: #fff;
}
}


@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact {
   width: 100%;
    margin: 10px auto 30px;
    display: block;
    float: left;padding-left:4%;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact p.ceo {
    color: #000;
    font-size: 22px;
    font-weight: 500;    
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact p.ceo-info {
    color: #EF6026;
	line-height: 40px;
}
}

element.style {
    color: #333;
    font-weight: 500;
}



@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact li {
    float: left;
    width: 100%;
    text-indent: 5px;
}
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact li span.fa {
    color: #EF6026;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact li:nth-child(odd) {
    width: 80%;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact li::before {
    content: "";
}
}



@media (min-width: 769px){
.contentsBox-Inner ul.circle-diagram li::before {
    content: "";
}
}

@media (min-width: 769px){
.contentsBox-Inner ul li::before {
    content: "• ";
    color: red;
}
}

@media (min-width: 769px){
.contentsBox-Inner ul li span.black {
    color: #000;
    font-weight: 500;
}
}




@media (min-width: 769px){
.contentsBox-Inner ul.circle-contact li::before {
    content: "";
}
}

@media (min-width: 769px){
.contactInfo {
    display: block;
    width: 100%;
    font-size: 18px;
    text-align: center;
    padding: 20px;
    background: #efefef;
}
}

@media (min-width: 769px){
.contactInfo ul li {
    padding: 10px 0;
}
}

@media (min-width: 769px){
.contactInfo span {
    color: #f54026;
    font-weight: 500;
}
}

@media (min-width: 769px){
.contactInfo p {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -1px;
    padding: 20px 0 0px;
    text-align: center;
}
}


@media (min-width: 769px){
DIV.joinBox {
    width: 60%;
    margin: 50px auto 0 auto;
}
}

@media (min-width: 769px){
DIV.paging-wrap {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
}

@media (min-width: 769px){
DIV.paging-wrap A {
    display: inline-block;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    text-align: center;
    border: 1px solid #414042;
    padding: 0 20px;
    margin: 0 3px;
}
}

@media (min-width: 769px){
DIV.paging-wrap A.selected {
    background: #414042;
    color: #fff;
}
}

@media (min-width: 769px){
DIV.tempBack article.friendAddPopupBack DIV DIV.page A.prev, DIV.paging-wrap A.next {
    width: 148px;
}
}

@media (min-width: 769px){
DIV.board UL.boardList LI H3.title A {
    color: #666;
}
}

@media (min-width: 769px){
DIV.joinBox INPUT, DIV.joinBox SELECT {
    width: 100%;
    height: 48px;
    font-size: 16px;
    color: #666;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 11px;
    margin-bottom: 12px;
}
}

@media (min-width: 769px){
.contactForm .joinBox textarea {
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    padding: 8px 14px;
}
}

@media (min-width: 769px){
.contactForm .joinBox .confirmBtn {
    display: block;
    width: 30%;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    background: #f53f25;
    border-radius: 4px;
    padding: 20px 0;
    text-align: center;
    margin: 20px auto;
}
}

@media (min-width: 769px){
	DIV.subBtnSet-wrap {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 30px 0;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
		border-bottom: 3px solid #4a4b46;
	}
}

@media (min-width: 769px){
	DIV.subBtnSet-wrap A {
		display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        font-size: 15px;
        color: #555;
        text-decoration: none;
        border: 1px solid #ccc;
        border-radius: 8px;
        background-color: #f9f9f9;
        transition: all 0.3s ease;
        white-space: nowrap;
	}
}

@media (min-width: 769px){
	DIV.subBtnSet-wrap a.selected {
		color: #fff;
		background-color: #4a4b46;
		border-color: #4a4b46;
	}
	DIV.subBtnSet-wrap a:hover {
        color: #333;
        border-color: #4a4b46;
        background-color: #e6e6e6;
    }
}
@media (min-width: 769px){
DIV.mPageTitle-wrap, DIV.mPageSearch-wrap, DIV.subMenuBar {
    display: none;
}
}


@media (min-width: 769px){
DIV.faq-wrap {
    max-width: 1200px;
    font-size: 16px;
    margin: 0 auto;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI {
    width: 100%;
    border-bottom: 1px solid #4a4b46;
    position: relative;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI A.arrow {
    display: block;
    width: 100%;
    color: #4a4b46;
    line-height: 60px;
    padding-left: 100px;
    position: relative;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI A.arrow::before {
    content: "▼";
    position: absolute;
    top: 0;
    right: 18px;
    color: #414042;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI A.arrow.active::before {
    content: "▲";
    position: absolute;
    top: 0;
    right: 18px;
    color: #414042;
}
}


@media (min-width: 769px){
DIV.faq-wrap LI A.arrow SPAN {
    position: absolute;
    top: 0;
    left: 30px;
    font-size: 32px;
    color: #000;
    line-height: 60px;    
}
}

@media (min-width: 769px){
DIV.faq-wrap LI DIV.answer {
    border-top: 1px solid #4a4b46;
    background: #f7f7f7;
    padding: 30px 0;
    position: relative;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI DIV.answer .aIcon {
    display: table;
    float: left;
    padding: 0 30px;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI DIV.answer .aIcon H5 {
    float: left;
    font-size: 32px;
    font-weight: 400;
    color: #f53f25;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI DIV.answer .aContent {
    display: block;
    width: 100%;
    float: left;
    padding: 0 20px;
}
}






















@media (max-width: 768px){
DIV.pageNavigation {
    display: none;
}
}

@media (max-width: 768px){
DIV.categoryTitle {
    display: none;
    width: 100%;
    border-top: 3px solid #f53f25;
    background: #f3f3f3;
    padding-bottom: 20px;
    margin: 0 auto;
}
}

@media (max-width: 768px){
DIV.categoryTitle H3 {
    clear: both;
    width: 90%;
    font-size: 25px;
    font-weight: 400;
    line-height: 26px;
    color: #414042;
    letter-spacing: 0;
    margin: 20px auto 0 auto;
}
}

@media (max-width: 768px){
DIV.categoryTitle P {
    width: 90%;
    font-size: 12px;
    line-height: 16px;
    color: #939393;
    margin: 0 auto;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI P.file, DIV.board UL.boardList LI P.count {
    display: none;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-contact li::before {
    content: "";
}
}

@media (max-width: 768px){
.contactInfo p {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 10px 0;
    text-align: center;
}
}


@media (max-width: 768px){
DIV.topRedBar {
    display: none;
}
}

@media (max-width: 768px){
.clear-half {
    clear: both;
    width: 100%;
    height: 0;
}
}

@media (max-width: 768px){
DIV.contentsBtnSet-wrap {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    border-bottom: 1px solid #f53f25;
    padding-bottom: 20px;
    margin: 20px auto;
}
}

@media (max-width: 768px){
DIV.contentsBtnSet-wrap {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    border-bottom: 1px solid #f53f25;
    padding-bottom: 20px;
    margin: 20px auto;
}
}

@media (max-width: 768px){
DIV.contentsBtnSet-wrap A {
    display: inline-block;
    color: #f54026;
    margin: 0;
    border: 1px solid #f54026;
    border-radius: 3px;
    padding: 11px 10px;
}
}

@media (max-width: 768px){
DIV.contentsBtnSet-wrap A:first-child {
    margin: 0;
}
}


@media (max-width: 768px){
DIV.contentsBtnSet-wrap A.selected {
    background: #f54026;
    color: #fff;
}
}

@media (max-width: 768px){
DIV.mPageTitle-wrap {
    width: 94%;
    font-size: 22px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    background: #fff;
    margin: 22px auto;
}
}

@media (max-width: 768px){
DIV.searchPart {
    display: none;
}
}

@media (max-width: 768px){
DIV.board {
    width: 94%;
    margin: 0 auto;
}
}

@media (max-width: 768px){
DIV.board UL.boardList {
    width: 100%;
    color: #666;
    margin-top: 22px;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI {
    border: 1px solid #d9dfe3;
    border-width: 0 1px 1px 1px;
    text-align: center;
    line-height: 11px;
    padding: 11px 0;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI.boardHeader {
    border: 1px solid #d8dee2;
    background: #f6f6f6;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI H2.number {
    display: inline-block;
    width: 10%;
    font-size: 12px;
    font-weight: 400;
    border-right: 1px solid #d9dfe3;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI H3.title {
    display: inline-block;
    width: 40%;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    padding-left: 2%;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI.boardHeader H3.title {
    text-align: center;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI P {
    display: inline-block;
    width: 25%;
    font-size: 12px;
    font-weight: 400;
    color: #7e7e7e;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI P.file, DIV.board UL.boardList LI P.count {
    display: none;
}
}

@media (max-width: 768px){
DIV.board UL.boardList LI H3.title A {
    color: #666;
    line-height: 11px;
}
}

@media (max-width: 768px){
.contentsBox {
    width: 98%;
}
}

@media (max-width: 768px){
DIV.contentsBox {
    width: 100%;
    min-height: 440px;
    margin: 0 auto;
}
}

@media (max-width: 768px){
.contentsBox-Inner {
    width: 100%;
    margin: 20px auto;
    padding: 0 10px;
}
}

@media (max-width: 768px){
.contentsBox-Inner h4 {
    display: none;
    color: #f53f25;
    font-size: 1.2em;
    font-weight: 500;
    letter-spacing: 0;
    border-bottom: 3px solid #f53f25;
    padding: 20px 0 10px;
}
}

@media (max-width: 768px){
.contentsBox-Inner p {
    width: 98%;
    margin: 0 auto;
    color: #666;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
}
}

@media (max-width: 768px){
.contentsBox-Inner p.about-slogun.orange {
    color: #f53f25;
    padding-bottom: 0;
}
}

@media (min-width: 769px){
.contentsBox-Inner p span.orange {
    color: #f53f25;
}
}

@media (min-width: 769px){
.contentsBox-Inner p.last {
    padding: 25px 0 50px;
}
}


@media (max-width: 768px){
.contentsBox-Inner p.about-slogun {
    font-style: italic;
    text-align: center;
    font-size: 1.05em;
    padding: 10px 0 20px;
}
}

@media (max-width: 768px){
.contentsBox-Inner h3 {
    width: 100%;
    font-size: 1.01em;
    font-weight: 500;
    letter-spacing: 0;
    text-align: center;
    background: #f53f25;
    padding: 10px 0;
}
}

@media (max-width: 768px){
.contentsBox-Inner h3 span {
    color: #fff;
}
}

@media (max-width: 768px){
.contentsBox-Inner p.circle-content {
    color: #f53f25;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 25px 0 10px;
    line-height: 40px;
    width: 100%;
}
}

@media (max-width: 768px){
.contentsBox-Inner p span {
    font-weight: 600;
    letter-spacing: 0;
}
}

@media (max-width: 768px){
.contentsBox-Inner p span.orange {
    color: #f53f25;
}
}

@media (max-width: 768px){
.contentsBox-Inner p.last {
    padding: 25px 0 50px;
}
}

@media (max-width: 768px){
.contentsBox-Inner p.circle-content span.circle-num {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: #EF6026;
    border-radius: 100%;
    text-align: center;
    color: #fff;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul {
    width: 95%;
    margin: 20px auto;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle {
    width: 90%;
    margin: 10px auto;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul li {
    padding-left: .2em;
    padding: 7px;
    line-height: 24px;
    font-size: 15px;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul li::before {
    content: "• ";
    color: red;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul li span.black {
    color: #000;
    font-weight: 500;
}
}




@media (max-width: 768px){
.contentsBox-Inner ul.circle-diagram {
    width: 98%;
    margin: 10px auto 30px;
    display: table;
}
.contentsBox-Inner ul.circle-diagram li {
    margin: 0;
    text-align: center;
    border-radius: 20px;
}
.contentsBox-Inner ul.circle-diagram li:nth-child(odd) {
    margin-bottom: 0px;
}
.contentsBox-Inner ul.circle-diagram li.left {
    display: block;
    float: left;
    width: 100%;
    background: #EF6026;
    color: #fff;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-diagram li {
    margin: 0;
    text-align: center;
    border-radius: 20px;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-diagram li.center {
    display: block;
    float: left;
    width: 100%;
    background: URL('/resources/images/common/arrow_bottom.png') no-repeat 50%;
    height: 38px;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-diagram li.right {
    display: block;
    float: right;
    width: 100%;
    background: #4DA4DA;
    color: #fff;
    margin-bottom: 60px;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-diagram li.left {
    display: block;
    float: left;
    width: 100%;
    background: #EF6026;
    color: #fff;
}
ul.circle-diagram li::before {
    content: "";
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-contact {
    width: 100%;
    margin: 10px auto 30px;
    display: table;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-contact p.ceo {
    color: #000;
    font-size: 30px;
    font-weight: 500;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-contact p.ceo-info {
    color: #EF6026;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-contact li {
    float: left;
    width: 100%;
    text-indent: 5px;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-contact li span.fa {
    color: #EF6026;
}
}

@media (max-width: 768px){
.contentsBox-Inner ul.circle-contact li:nth-child(odd) {
    width: 100%;
}
}

@media (max-width: 768px){
h4.contactTitle {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
    padding: 0 0 20px;
    text-align: center;
}
}



@media (max-width: 768px){
.contactInfo {
    display: block;
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    background: #efefef;
}
}

@media (max-width: 768px){
.contactInfo ul li {
    padding: 10px 0;
}
}

@media (max-width: 768px){
.contactInfo span {
    color: #f54026;
    font-weight: 500;
}
}

@media (max-width: 768px){
DIV.joinBox {
    width: 90%;
    font-size: 12px;
    margin: 25px auto 0 auto;
}
}

@media (max-width: 768px){
DIV.joinBox INPUT, DIV.joinBox SELECT {
    width: 100%;
    height: 34px;
    font-size: 12px;
    color: #666;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 11px;
    margin-bottom: 12px;
}
}


@media (max-width: 768px){
.contactForm .joinBox textarea {
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #c9c9c9;
    border-radius: 6px;
    padding: 8px 14px;
}
}

@media (max-width: 768px){
.contactForm .joinBox .confirmBtn {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    background: #f53f25;
    border-radius: 4px;
    padding: 10px 0;
    text-align: center;
    margin: 10px auto;
}
}

@media (max-width: 768px){
DIV.paging-wrap {
    width: 94%;
    margin: 10% auto;
    text-align: center;
}
}

@media (max-width: 768px){
DIV.paging-wrap A {
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
    color: #000;
    text-align: center;
    border: 1px solid #414042;
    padding: 0 7px;
    margin: 0 1px;
}
}

@media (max-width: 768px){
DIV.paging-wrap A.selected {
    background: #414042;
    color: #fff;
}
}

@media (max-width: 768px){
DIV.subBtnSet-wrap {
    display: none;
}
}

@media (max-width: 768px){
DIV.subMenuBar {
    width: 94%;
    margin: 5% auto;
}
}


@media (max-width: 768px){
DIV.subMenuBar SELECT.mSubMenuGo {
    width: 100%;
    height: 30px;
    background: #fff;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    padding-left: 11px;
}
}


@media (max-width: 768px){
DIV.faq-wrap {
    clear: both;
    width: 94%;
    font-size: 12px;
    margin: 0 auto;
}
}

@media (max-width: 768px){
DIV.faq-wrap UL.faq {
    border-top: 2px solid #4a4b46;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI {
    width: 100%;
    border-bottom: 1px solid #4a4b46;
    position: relative;
    padding: 12px 0 0 0;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI A {
    display: block;
    width: 95%;
    color: #4a4b46;
    line-height: 16px;
    padding-left: 45px;
    position: relative;
    margin-bottom: 12px;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI A::before {
    content: "▼";
    position: absolute;
    top: 0;
    right: -5%;
    padding-right: 10px;
    color: #414042;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI A.active::before {
    content: "▲";
    position: absolute;
    top: 0;
    right: -5%;
    padding-right: 10px;
    color: #414042;
}
}


@media (max-width: 768px){
DIV.faq-wrap LI A SPAN {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 22px;
    color: #000;
    line-height: 18px;
    margin: auto;
}
}


@media (max-width: 768px){
DIV.faq-wrap LI DIV.answer {
    border-top: 1px solid #4a4b46;
    background: #f7f7f7;
    padding: 20px 10px;
    position: relative;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI DIV.answer .aIcon {
    display: table;
    float: left;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI DIV.answer .aIcon H5 {
    float: left;
    font-size: 22px;
    font-weight: 400;
    color: #f53f25;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI DIV.answer .aContent {
    display: block;
    width: 100%;
    float: right;
    padding: 0 0px 0 0;
}
}

@media (max-width: 768px){
DIV.faq-wrap LI DIV.answer P {
    float: left;
    width: 100%;
    color: #666;
    line-height: 25px;
}
}

@media (min-width: 769px){
DIV.faq-wrap LI DIV.answer P {
    float: left;
    width: 900px;
    color: #666;
    line-height: 25px;
}
DIV.faq-wrap LI DIV.answer P.huong-dan {
	float:none;
	width: 100%;
}
DIV.faq-wrap LI DIV.answer P.huong-dan img {display: inline-block;}
}
.clear-half {
    clear: both;
    width: 100%;
    height: 25px;
}
@media (min-width: 769px){
DIV.contentsBtnSet-wrap {
    width: 1200px;
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #f53f25;
    padding-bottom: 20px;
    margin: 0 auto;
}
}
@media all and (min-width:769px) {
	DIV.contentsBtnSet-wrap {width: 1200px; font-size: 18px; text-align: center; border-bottom: 1px solid #f53f25; padding-bottom: 20px; margin: 0 auto;}
	DIV.contentsBtnSet-wrap A {display: inline-block; color: #f54026; margin: 0 0 0 2px; border: 1px solid #f54026; border-radius: 5px; padding:30px;}
	DIV.contentsBtnSet-wrap A:first-child {margin: 0;}
	DIV.contentsBtnSet-wrap A.selected {background: #f54026; color: #fff;}

	DIV.informationContents {width: 1200px; margin: 0 auto;}
	DIV.informationContents H3.title {font-size: 20px; line-height: 20px; text-align: center; margin-bottom: 50px;}
	DIV.informationContents DIV.inner {width: 100%; height: 650px; overflow: auto; font-size: 16px; color: #333; line-height: 25px; border: 1px solid #dbdbdb; padding: 50px;}
	DIV.informationContents DIV.inner H4 {font-size: 16px; font-weight: 700; margin-bottom: 5px;}
	DIV.informationContents DIV.inner P, DIV.informationContents DIV.inner OL {margin-bottom: 25px;}
	DIV.informationContents DIV.inner P, DIV.informationContents DIV.inner OL LI DL {margin-bottom: 25px;}
	DIV.informationContents DIV.inner P {font-size:15px;}
	DIV.informationContents DIV.inner P img { border:1px solid #ccc; }
	.italic-style { font-style: italic;}
	.text-center {text-align:center;}
	.red-Text { color:#f54026;}
	DIV.informationContents DIV.inner ul { list-style-type: none; }
	DIV.informationContents DIV.inner ul > li { text-indent: -8px; width:96%; margin:5px auto; font-size:15px; }
	DIV.informationContents DIV.inner ul.default > li:before { content: "-"; text-indent: -8px; }
	DIV.informationContents DIV.inner ul.lower-alpha > li:before { text-indent: -8px; }
	DIV.informationContents DIV.inner ul.circle > li:before { content: "·"; text-indent: -8px; }
	DIV.informationContents DIV.inner ul.plus-style > li:before { content: "+"; text-indent: -8px; }

} @media all and (max-width:768px) {
	DIV.contentsBtnSet-wrap {width: 100%; font-size: 13px; line-height: 18px; text-align: center; border-bottom: 1px solid #f53f25; padding-bottom: 20px; margin: 20px auto;}
	DIV.contentsBtnSet-wrap A {display: inline-block; color: #f54026; margin: 0; border: 1px solid #f54026; border-radius: 3px; padding: 11px 10px;}
	DIV.contentsBtnSet-wrap A:first-child {margin: 0;}
	DIV.contentsBtnSet-wrap A.selected {background: #f54026; color: #fff;}

	DIV.informationContents {width: 94%; margin: 0 auto;}
	DIV.informationContents H3.title {font-size: 12px; line-height: 17px; text-align: center; margin-bottom: 20px;}
	DIV.informationContents DIV.inner {width: 100%; height: 300px; overflow: auto; font-size: 12px; color: #333; line-height: 20px; border: 1px solid #dbdbdb; padding: 15px;}
	DIV.informationContents DIV.inner H4 {font-size: 16px; font-weight: normal; margin-bottom: 5px;}
	DIV.informationContents DIV.inner P, DIV.informationContents DIV.inner OL {margin-bottom: 25px;}
	DIV.informationContents DIV.inner P, DIV.informationContents DIV.inner OL LI DL {margin-bottom: 25px;}
        DIV.editBoxButton-wrap {width: 94%; text-align: center; margin: 20px auto 0 auto;}
	DIV.editBoxButton-wrap A {display: block; width: 100%; height: 42px; font-size: 12px; line-height: 42px; color: #fff; background: #4a4b46; border: 1px solid #ddd; border-radius: 3px; margin: 4px 0;}
	DIV.editBoxButton-wrap A.grey {color: #fff; background: #f53f25;}
	DIV.editBoxButton-wrap A.right {color: #4a4b46; background: #fff;}
        DIV.mypageTitle {width: 94%; margin: 15px auto 15px auto;}
	DIV.mypageTitle  H2 {font-size: 22px; line-height: 44px; font-weight: 400; color: #333; letter-spacing: 0;}
	DIV.mypageTitle  H2 P.icon_coupon  {float: left; width: 44px; height: 44px; background: URL(../images/mypage/mypageIcon_coupon.png) no-repeat 50% 3px; background-size: 44px; border: 2px solid #3d3e43; border-radius: 50%; margin: 0 10px 0 0;}
	DIV.mypageTitle  H2 P.icon_purchase  {float: left; width: 44px; height: 44px; background: URL(../images/mypage/mypageIcon_purchase.png) no-repeat 50% -2px; background-size: 44px; border: 2px solid #3d3e43; border-radius: 50%; margin: 0 10px 0 0;}
	DIV.mypageTitle  H2 P.icon_cash  {float: left; width: 44px; height: 44px; background: URL(../images/mypage/mypageIcon_cash.png) no-repeat 50% -3px; background-size: 44px; border: 2px solid #3d3e43; border-radius: 50%; margin: 0 10px 0 0;}
	DIV.mypageTitle  H2 P.icon_point  {float: left; width: 44px; height: 44px; background: URL(../images/mypage/mypageIcon_point.png) no-repeat 50% -3px; background-size: 44px; border: 2px solid #3d3e43; border-radius: 50%; margin: 0 10px 0 0;}
	DIV.mypageTitle  H2 P.icon_information  {float: left; width: 44px; height: 44px; background: URL(../images/mypage/mypageIcon_information.png) no-repeat 50% -3px; background-size: 44px; border: 2px solid #3d3e43; border-radius: 50%; margin: 0 10px 0 0;}
	DIV.mypageTitle  H2 P.icon_address  {float: left; width: 44px; height: 44px; background: URL(../images/mypage/mypageIcon_address.png) no-repeat 50% -3px; background-size: 44px; border: 2px solid #3d3e43; border-radius: 50%; margin: 0 10px 0 0;}
           DIV.editBox-wrap {width:100%; padding: 10px 0; margin: 0 auto;}
	DIV.editBox {width: 90%; font-size: 12px; margin: 0 auto;}
	DIV.editBox LABEL {font-size: 12px; color: #666; line-height: 32px; padding-left: 1px;}
	DIV.editBox LABEL SPAn {color: #fff;}
	DIV.editBox INPUT, DIV.editBox SELECT {width: 100%; height: 32px; font-size:12px; color: #666; background: #fff; border: 1px solid #ddd; padding-left:19px; margin-bottom: 8px;}
	DIV.editBox P.agree {width: 100%; font-size: 12px; color: #666; padding: 30px 0 0 0;}
	DIV.editBox P.first {float: left; width: 30%; margin-right: 5%;}
	DIV.editBox P.second {float: left; width: 30%;}
	DIV.editBox P.third {float: right; width: 30%;}
	DIV.editBox INPUT.gender {width: 14px; height: 14px; position: relative; top: 2px; line-height: 28px; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); margin: 0 12px 0 22px;}
	DIV.editBox INPUT.agree {position: relative; top: 4px; width:18px; height: 18px; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); margin-right: 4px;}

	DIV.editBoxButton-wrap {width: 94%; text-align: center; margin: 20px auto 0 auto;}
	DIV.editBoxButton-wrap A {display: block; width: 100%; height: 42px; font-size: 12px; line-height: 42px; color: #fff; background: #4a4b46; border: 1px solid #ddd; border-radius: 3px; margin: 4px 0;}
	DIV.editBoxButton-wrap A.grey {color: #fff; background: #f53f25;}
	DIV.editBoxButton-wrap A.right {color: #4a4b46; background: #fff;}
}
@media all and (min-width:769px) {
    DIV.editBoxButton-wrap {width: 1200px; height: 50px; text-align: center; margin: 70px auto 0 auto;}
    DIV.editBoxButton-wrap A {display: inline-block; width: 160px; height: 50px; line-height: 50px; color: #4a4b46; border: 1px solid #4a4b46; border-radius: 5px; margin: 0 4px;}
    DIV.editBoxButton-wrap A.grey {background: #4a4b46; color: #fff;}
    DIV.editBoxButton-wrap A.right {float: right;}
    DIV.mypageTitle {width: 1200px; height: 90px; margin: 0 auto;}
	DIV.mypageTitle  H2 {font-size: 40px; line-height: 90px; font-weight: 300; color: #333; letter-spacing: -1px;}
	DIV.mypageTitle  H2 P.icon_coupon  {float: left; width: 90px; height: 90px; background: URL(../images/mypage/mypageIcon_coupon.png) no-repeat 50% 3px; border: 3px solid #3d3e43; border-radius: 50%; margin: 0 20px 0 0;}
	DIV.mypageTitle  H2 P.icon_purchase  {float: left; width: 90px; height: 90px; background: URL(../images/mypage/mypageIcon_purchase.png) no-repeat 50% 3px; border: 3px solid #3d3e43; border-radius: 50%; margin: 0 20px 0 0;}
	DIV.mypageTitle  H2 P.icon_cash  {float: left; width: 90px; height: 90px; background: URL(../images/mypage/mypageIcon_cash.png) no-repeat 50% -3px; border: 3px solid #3d3e43; border-radius: 50%; margin: 0 20px 0 0;}
	DIV.mypageTitle  H2 P.icon_point  {float: left; width: 90px; height: 90px; background: URL(../images/mypage/mypageIcon_point.png) no-repeat 50% -3px; border: 3px solid #3d3e43; border-radius: 50%; margin: 0 20px 0 0;}
	DIV.mypageTitle  H2 P.icon_information  {float: left; width: 90px; height: 90px; background: URL(../images/mypage/mypageIcon_information.png) no-repeat 50% -3px; border: 3px solid #3d3e43; border-radius: 50%; margin: 0 20px 0 0;}
	DIV.mypageTitle  H2 P.icon_address  {float: left; width: 90px; height: 90px; background: URL(../images/mypage/mypageIcon_address.png) no-repeat 50% -3px; border: 3px solid #3d3e43; border-radius: 50%; margin: 0 20px 0 0;}
DIV.editBox-wrap {width:1200px; padding: 50px 0; border: 1px solid #d8dee2; border-radius: 12px; margin: 0 auto;}
	DIV.editBox {width: 60%; margin: 0 auto;}
	DIV.editBox LABEL {font-size: 16px; color: #666; line-height: 32px; padding-left: 1px;}
	DIV.editBox LABEL SPAN {color: #fff;}
	DIV.editBox INPUT, DIV.editBox SELECT {width: 100%; height: 48px; font-size:16px; color: #666; background: #fff; border: 1px solid #ddd; padding-left:19px; margin-bottom: 22px;}
	DIV.editBox P.agree {width: 100%; font-size: 14px; color: #666; border-top: 1px solid #d8dee2; padding: 30px 0 0 288px;}
	DIV.editBox P.first {float: left; width: 30%; margin-right: 5%;}
	DIV.editBox P.second {float: left; width: 30%;}
	DIV.editBox P.third {float: right; width: 30%;}
	DIV.editBox INPUT.gender {width: 14px; height: 14px; position: relative; top: 2px; line-height: 48px; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); margin: 0 12px 0 22px;}
	DIV.editBox INPUT.agree {position: relative; top: 4px; width:18px; height: 18px; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); margin-right: 4px;}

                
}
.editBox-wrap .editBox textarea { display: block; width: 100%; height: 120px; border: 1px solid #c9c9c9; border-radius: 6px; padding: 8px 14px;}

DIV.boardView {
    width: 1200px;
    border: 3px solid #4a4b46;
    border-width: 3px 0;
    margin: 0 auto;
}
DIV.boardView H3.title {
    width: 100%;
    font-size: 25px;
    color: #000;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 90px;
    text-align: center;
    border-bottom: 1px solid #4a4b46;
    margin: 0 auto;
}
DIV.boardView H3.title P.date {
    float: right;
    font-size: 16px;
    color: #4a4b46;
}
DIV.boardView ARTICLE.viewContents {
    width: 95%;
    font-size: 16px;
    line-height: 22px;
    color: #4a4b46;
    margin: 30px auto;
}
DIV.boardButton-wrap {
    width: 1200px;
    text-align: center;
    margin: 50px auto;
}
DIV.boardButton-wrap A {
    display: inline-block;
    width: 130px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    background: #4a4b46;
    margin: 0 4px;
    border-radius: 3px;
}
@media (max-width: 768px) {
    DIV.boardView {
        width: 94%;
        border: 2px solid #4a4b46;
        border-width: 3px 0;
        margin: 20px auto 0 auto;
    }
    DIV.boardView H3.title {
        width: 100%;
        font-size: 20px;
        color: #000;
        font-weight: 300;
        letter-spacing: -1px;
        line-height: 24px;
        text-align: center;
        border-bottom: 1px solid #4a4b46;
        margin: 22px auto;
    }
    DIV.boardView H3.title P.date {
        display: block;
        font-size: 12px;
        color: #4a4b46;
        margin: 0px auto 22px auto;
    }
    DIV.boardView ARTICLE.viewContents {
        width: 90%;
        font-size: 12px;
        line-height: 20px;
        color: #4a4b46;
        margin: 25px auto 30px auto;
    }
	DIV.boardButton-wrap {
        width: 94%;
        text-align: center;
        margin: 20px auto;
    }
    DIV.boardButton-wrap A {
        display: inline-block;
        width: 100%;
        height: 40px;
        font-size: 12px;
        color: #fff;
        line-height: 40px;
        background: #4a4b46;
        margin: 0 auto;
        border-radius: 3px;
    }
}