@charset "UTF-8";

#contents_wrap {}
#contents p {color: #000;line-height: 22px;text-align: justify;margin-bottom: 20px;}
#contents h3 {font-size: 22px;text-align: left;margin: 15px 0;line-height: 1.3;}
#contents h3.line {border-bottom: 1px solid #e0e0e0;padding-bottom: 15px;}
#contents .title_p {font-size: 15px;margin-top: 20px;color: #616161;}
#contents .editor {text-align: right;font-weight: bold;color: #616161;margin: 20px 0 15px;}
#contents .caption {margin-bottom: 30px;font-size: 13px;text-align: center;letter-spacing: -1px;color: #5b5b5b;line-height: 26px;}
#contents .slide-caption {margin-bottom: 30px;margin-top: -15px;font-size: 13px;text-align: center;letter-spacing: -1px;color: #5b5b5b;line-height: 26px;}
.column .cap {margin-bottom: 0;}
#public_list {display: none;}
.p_list {font-size: 14px;color: #000;display: inline-block;letter-spacing: -1px;}

/* CONTENTS */
.title-img {text-align: center;margin: auto;width: 100%;height: 200px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;}
.title-img h2 {color: #fff;line-height: 1.3;padding: 50px 5px 0;}
.title-img .title-tit {font-size: 24px;letter-spacing: -1px;}
.title-img .title-txt {font-size: 16px;font-weight: normal;letter-spacing: -1px;}
.breadcrumbs {padding: 18px 0 14px;border-bottom: 1px solid #707070;}
.breadcrumbs li {display: inline-block;}
.breadcrumbs li:first-child:after {content:'';margin: 0 4px 0 8px;background: #fff url('../img/common/icon_breadcrumbs.jpg') 0 0 no-repeat;width: 12px;height: 12px;display: inline-block;}
.breadcrumbs .one {font-size: 18px;color: #616161;}
.breadcrumbs .two {font-size: 14px;color: #9e9e9e;}
.giftbox {border: 1px solid #757575;padding: 10px;border-radius: 15px;}
.giftbox strong {line-height: 1.3;display: block;}
.giftbox .gift-tit {font-size: 32px;letter-spacing: -2px;}
.giftbox .gift-info {font-size: 24px;letter-spacing: -2px;}

/* 컨텐츠BG */
.trust1_bg {background-image: url('../img/trust/title_1.jpg');}
.trust2_bg {background-image: url('../img/trust/title_2.jpg');}
.trust3_bg {background-image: url('../img/trust/title_3.jpg');}
.seven1_bg {background-image: url('../img/seven/title_1.jpg');}
.seven2_bg {background-image: url('../img/seven/title_2.jpg');}
.seven3_bg {background-image: url('../img/seven/title_3.jpg');}
.seven4_bg {background-image: url('../img/seven/title_4.jpg');}
.seven5_bg {background-image: url('../img/seven/title_5.jpg');}
.luck1_bg {background-image: url('../img/luck/title_1.jpg');}
.luck2_bg {background-image: url('../img/luck/title_2.jpg');}
.luck3_bg {background-image: url('../img/luck/title_3.jpg');}
.luck4_bg {background-image: url('../img/luck/title_4.jpg');}
.luck5_bg {background-image: url('../img/luck/title_5.jpg');}

#contents {width: 95%;margin: 0 auto;}
#contents .question {float: left; margin:-5px 5px 0 0;}
#contents .column h4 {text-align: left;margin-bottom: 10px;}
#contents .tit_fwb {font-weight: bold; font-size: 17px;}
#contents .note_tit {font-size: 20px; margin-left: 15px;}
#contents .row.box {padding: 27px 14px;margin-bottom: 60px;border-radius: 15px;}
#contents .row.box p {margin-bottom: 30px;}
#contents .row.box .box-tit {text-align: left;display: block;font-size: 18px;margin-bottom: 25px;line-height: 1.2;}

.img-slide, .img-slide-one {position: relative;}
#contents .img-slide.caption, #contents .img-slide-one.caption {margin-bottom: 0;}
#contents .img-slide.caption .flex-control-nav, #contents .img-slide-one.caption .flex-control-nav  {bottom: 0;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.img-slide, .img-slide-one {margin: 0;padding: 0;}
.img-slide .slides > li, .img-slide-one .slides > li {display: none;-webkit-backface-visibility: hidden;}
.img-slide .slides:after, .img-slide-one .slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .img-slide .slides, html[xmlns] .img-slide-one .slides {display: block;}
* html .img-slide .slides, * html .img-slide-one .slides {height: 1%;}
.no-js .img-slide .slides > li:first-child, .no-js .img-slide-one .slides > li:first-child {display: block;}
.img-slide, .img-slide-one {background: #fff;position: relative;zoom: 1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}
.img-slide .slides, .img-slide-one .slides {zoom: 1;}
.img-slide .slides img, .img-slide-one .slides img {height: auto;margin-bottom: 0;-moz-user-select: none;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } 
#contents .img-slide.caption .flex-direction-nav a, #contents .img-slide-one.caption .flex-direction-nav a {top: 50%;}
.flex-direction-nav a:before {font: normal normal normal 14px/1 FontAwesome; font-size: 40px; display: inline-block; content: '\f053'; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.flex-direction-nav a.flex-next:before {content: '\f054';}
.flex-direction-nav .flex-prev {/* left: -50px; */opacity: 1; left: 5px; }
.flex-direction-nav .flex-next {/* right: -50px;text-align: right; */opacity: 1; right: 5px;}
.img-slide:hover .flex-direction-nav .flex-prev, .img-slide-one:hover .flex-direction-nav .flex-prev {opacity: 0.7;left: 10px;}
.img-slide:hover .flex-direction-nav .flex-prev:hover, .img-slide-one:hover .flex-direction-nav .flex-prev:hover {opacity: 1;}
.img-slide:hover .flex-direction-nav .flex-next, .img-slide-one:hover .flex-direction-nav .flex-next {opacity: 0.7;right: 10px;}
.img-slide:hover .flex-direction-nav .flex-next:hover, .img-slide-one:hover .flex-direction-nav .flex-next:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-control-nav {width: 100%; position: absolute; bottom: 50px; text-align: center; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover {background: #333; background: rgba(0, 0, 0, 0.7); } 
.flex-control-paging li a.flex-active {background: #000; background: rgba(245, 161, 0, .9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li {width: 25%; float: left; margin: 0; }
.flex-control-thumbs img {width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover {opacity: 1; }
.flex-control-thumbs .flex-active {opacity: 1; cursor: default; }
.title-img .one {padding-top: 65px;}
.line-box {border: 1px solid #e0e0e0;width: 100%;margin: auto;}
.contwrap .line-box img, .line-box p {margin-bottom: 14px;}
.line-box p {padding: 0 20px;}
.contwrap .line-box .row {border-bottom: 1px dotted #e0e0e0;}
.contwrap .line-box .row:last-child {border-bottom: none;margin: 0;}
.contwrap .line-box .line-box-tit {font-size: 18px;font-weight: bold;margin: 10px 0;display: inline-block;}
.radius-text {display: inline-block;padding: 3px 7px 6px;border-radius: 10px;}

/* REPLY */
#reply {max-width: 934px; border-top: 2px solid #5b5b5b; padding: 40px 0 0 0;position: relative;margin: auto;}
#reply .form_table {width: 100%;}
#reply .form_table caption {*display: none;}
#reply .form_table .fz {width: 15%;  letter-spacing: -1px; color: #1d353f; vertical-align: middle;}
#reply .form_table .fz a {background: url("../img/common/log_icon.jpg") 50% 0 no-repeat;cursor: pointer;color: #4d4d4d;width: 100%;display: inline-block;padding-top: 63px;text-align: center;font-size: 26px;}
#reply .form_table textarea {width: 95%; height: 100px; background-color: #eee; vertical-align: middle; border: 1px solid #ccc; overflow: auto; font-size: 12px; color: #888; padding: 10px; -webkit-border-radius:1px; -webkit-appearance:none;}
#reply .form_table .submit {width: 15%;}
#reply .form_table .submit span {background: #9e9e9e; display: inline-block; vertical-align: middle; margin-left: .3em; cursor: pointer;margin-right: 7px;}
#reply .form_table .submit span a { letter-spacing: -1px; color: #fff; line-height: 101px; display: inline-block; width: 101px;height: 101px;}
#reply .mNavi {border-top: 2px solid #5b5b5b;margin-top: 40px;}
#reply .list_table {width: 100%;}
#reply .list_table th, #reply .list_table td {padding: 20px 0;border-bottom: 1px solid #dcdcdc;table-layout:fixed;}
#reply .list_table .h_title {width: 15%;vertical-align: middle;}
#reply .list_table .t_title {width: 70%;word-break:break-all;text-align: justify;line-height: 22px;}
#reply .list_table .tc {width: 15%; text-align: center;}
#reply .list_table .btn_close {cursor: pointer;display: block;width: 100%;margin-top: 15px;}
#reply .list_table .re-del, #reply .list_table .re-edit, #reply .list_table .re-reply {float: right;overflow: hidden;position: relative;height: 23px;padding: 0 7px;margin: 8px 1px 2px;font-size: 12px;line-height: 19px;background-color: #fbfbfb;border: 1px solid #e0e0e0;color: #000;}
#reply .list_table .btn_close a {display: inline-block;}
#reply .list_table .btn_close img{vertical-align: top;}
#reply .list_table .modify_wrap {vertical-align: middle; padding:5px 0;}
#reply .list_table .modify_text {width: 95%;height: 150px;padding: 10px;display: block;text-align: justify;margin: 10px auto;}
#reply .list_table .reply_text {width: 95%;height: 150px;padding: 10px;display: block;text-align: justify;margin: 10px auto;}
#reply .list_table .btn_modify {background-color: #d7af4f;color: #fff;cursor: pointer;display: block;width: 100%;margin: 5%;padding: 10px;}
#reply .list_table .tc_1 {width: 15%; text-align: center;}
#reply .list_table .h_title_1 {width: 15%;}

/* PAGELIST */
#pager {width: 100%; text-align: center;padding: 24px 0;}
#pager ul {display: inline-block;}
#pager > a {font-size: 16px;padding: 6px;background-color: #fff;border: 1px solid #e0e0e0;color: #000;display: inline-block;vertical-align: top;}
#pager > a:hover, #pager > a:active, #pager > a:focus {background-color: #fbfbfb;}
#pager li {display: inline-block;}
#pager li a {color: #6f6f6f;font-size: 15px;padding: 7px;background-color: #fff;border: 1px solid #e0e0e0;color: #000;display: inline-block;}
#pager li a.over {color: #d10c37;background-color: #fbfbfb;font-weight: bold;}

/* SCROLLTOP */
#scrolltop {position: fixed; right:10px; bottom:-52px; display: none; width: 41px; height: 44px; background: url('../img/common/top.png') 0 0 no-repeat; cursor: pointer;}
#scrolltop a {display: inline-block; width: 100%; height: 100%; text-indent:-9999px;}

/* Grid
-------------------------------------------------------------- */
.contwrap {margin: 0 auto;padding: 30px 0 15px 0;width: 100%;}
.row {margin: 10px auto;}
.column {float: left; margin-left: 1%; text-align: center;}
.column:first-child {margin-left: 0;}
.column.full {width: 100%;}
.column.two-thirds {width: 66%;}
.column.half {width: 49.5%;}
.column.one-third {width: 33%;}
.column.one-four {width: 24.75%;}
.column.thr-four {width: 74.25%;}

/*  #Clearfix
-------------------------------------------------------------- */
.contwrap:before, .contwrap:after, .row:before, .row:after {display: table; content: " ";}
.contwrap:after, .row:after {clear: both;}
.contwrap, .row {*zoom: 1;}

/* SNS */
.sns_wrap {width: 95%;margin: auto;overflow: hidden;}
.social {/* overflow: hidden; */float: right;}
.social li {display: inline-block;float: left;margin: 20px 0 20px 8px;}


/* MEDIAQUERY */
@media only screen and (max-width : 320px) {
    .title-img .title-tit  {font-size: 20px;}
}/*mediaquery*/

/* tablet */
@media only screen and (min-width : 641px) and (max-width : 971px) {
    #reply {padding: 20px 0 0 0;}
    #reply .form_table textarea {height: 51px;}
    #reply .form_table .fz {width: 15%; font-size: 1.2em;  letter-spacing: -1px; color: #1d353f; padding-right: 1em;}
    #reply .form_table .fz a {background: url("../img/common/log_icon.jpg") 60% 0 no-repeat;cursor: pointer;color: #4d4d4d;display: inline-block;padding-top: 22px;background-size: 50%;text-align: center;padding-left: 10px;line-height: 51px;width: 98px;vertical-align: middle;height: 51px;font-size: 0.9em;}
    #reply .form_table .submit span a {line-height: 51px; width: 98px; height: 51px; font-size: 0.875em;}
    #reply .mNavi {margin-top: 20px;}
}/*mediaquery*/

/* Smartphones (iphone & otherDevice(galaxy S2)landscape) */
@media only screen and (min-width : 480px) and (max-width : 640px) {
    #reply .list_table .h_title {width: 15%;}
    #reply .list_table .tc {display: none;}
    #reply .list_table .t_title {width: 85%;padding: 10px;}
    #reply .form_table textarea {height: 51px;}
    #reply .form_table .fz {padding-right: 0.5em;}
    #reply .form_table .fz a {line-height: 51px; vertical-align: middle; width: 98px; height: 51px; font-size: 0.9em;}
    #reply .form_table .fz a {padding-left: 0; background: #9e9e9e;padding-top: 0; color: #fff; display: inline-block;margin-left: 7px;}
    #reply .form_table .submit span a {line-height: 51px; width: 98px; height: 51px; font-size: 0.875em;}
}/*mediaquery*/

/* Smartphones (portrait) */
@media only screen and (min-width : 100px) and (max-width : 479px) {
    #reply .list_table th, #reply .list_table td {font-size: 16px;}
    #contents h3 {margin-bottom: 25px;line-height: 120%;}
    #reply .list_table .h_title {width: 15%;}
    #reply .list_table .tc {display: none;}
    #reply .list_table .t_title {width: 85%;padding: 10px;}
    #reply .form_table textarea {height: 51px;}
    #reply .form_table .fz {padding-right: 0.3em;}
    #reply .form_table .fz a {padding-left: 0; background: #9e9e9e;padding-top: 0; color: #fff;line-height: 51px; vertical-align: middle; width: 50px; height: 51px; font-size: 0.750em;display: inline-block;margin-left: 7px;}
    #reply .form_table .submit span a {line-height: 51px; width: 50px; height: 51px; font-size: 0.750em;}
    #reply .list_table .modify_text {width: 95%;}
    #reply .list_table .reply_text {width: 95%;}
    #reply .list_table .btn_modify {font-size:0.85em;}
    #reply {padding: 20px 0 0 0;}
}/*mediaquery*/

/* pc */
@media only screen and (min-width : 960px) {
    .title-img {width: 100%;height: 563px;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;}
    .title-img h2 {padding-top: 95px;}
    #contents .title_p {margin-top: 42px;}
    .breadcrumbs {padding: 22px 0 18px;}
    .column img {margin-bottom: 30px;}
    #contents {max-width: 934px;}
    #contents .tit_fwb {font-weight: bold; font-size: 16px;}
    #public-wrap {max-width: 1024px;margin: 50px auto 0;width: 98%;}
    #public_list {display: block;height: 133px;}
    #public_list li {text-align: center;/* width: 11.11111111111111%; */width: 10%;float: left;padding: 20px 0;}
    .ff_list {display: block;font-weight: normal;font-size: 20px;}
    .ff_list img {vertical-align: middle;margin-right: 10px;}
    #reply .list_table .btn_modify {height: 80px;line-height: 80px;width: 80%;margin: auto;padding: 0;}
		.giftbox {padding: 54px 82px 0 0;}
		.giftbox strong {margin-top: 50px;}
		.giftbox .gift-tit {font-size: 56px;letter-spacing: -3px;}
		.giftbox .gift-info {font-size: 36px;letter-spacing: -3px;}
		.title-img .title-tit {font-size: 54px;}
		.title-img .title-txt {font-size: 34px;font-weight: normal;}
		.title-img .one {padding-top: 160px;}
		.line-box {width: 78%;}
		.contwrap .line-box img, .line-box p {margin-bottom: 14px;}
		.line-box p {padding-right: 20px;}
		.contwrap .line-box .row {border-bottom: 1px dotted #e0e0e0;}
		.contwrap .line-box .row:last-child {border-bottom: none;margin: 0;}
		.contwrap .line-box .line-box-tit {font-size: 18px;font-weight: bold;margin: 10px 0;display: inline-block;}
		.sns_wrap {max-width: 934px;}
}/*mediaquery*/

@media only screen and (min-width : 641px) {
    .flex-control-nav {bottom: 12px;}
    #contents .img-slide.caption .flex-control-nav, #contents .img-slide-one.caption .flex-control-nav {bottom: -48px;}
    #contents .slide-caption {margin-top: -5px;}
}
@media only screen and (max-width : 640px) {
    .tac {text-align: left !important;}
    .column.full, .column.two-thirds, .column.half, .column.one-third, .column.one-four, .column.thr-four {margin: 10px 0 0 0; width: 100%;}
    .column:first-child {margin-top: 0;}
    .contwrap {padding: 25px 0 10px 0;}
    #reply {padding: 15px 0 0 0;}
    #reply .mNavi {margin-top: 15px;}
    #contents .column h4 {font-size: 17px;}
    #contents .caption {margin-bottom: 20px;}
    #contents .note_tit {font-size: 18px; margin: 15px;}
    .row .column.half:nth-child(2) > img {margin-bottom: 20px;}
    .row .column.half:nth-child(2) > img.cap {margin-bottom: 0;}
    #contents .row.box {margin-bottom: 50px;}

}/*mediaquery*/

@media screen and (max-width: 860px) {
/*   .flex-direction-nav .flex-prev {opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next {opacity: 1; right: 10px; } */
}/*mediaquery*/