@import url("custom.xs.css?ver=1.0") only screen and (max-width: 800px);

html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', 'sans-serif';font-size: 14px;font-weight: 500;word-break: keep-all;word-wrap: break-word;letter-spacing: -.025em;color: #444;line-height: 1.6;font-synthesis: none;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: 'liga', 'kern';direction: ltr;}
a:hover, a:focus { text-decoration: none; color: inherit; }
a:focus { outline: none; }
p { margin: 0; }
.nopg { padding: 0 !important; }
.mg-auto { margin: 0 auto; }
.max500 { max-width: 500px; margin: 0 auto; }
.max600 { max-width: 600px; margin: 0 auto; }
.max700 { max-width: 700px; margin: 0 auto; }
.m_close { position: relative; overflow: hidden; }
.m_close i { color: #fff; font-size: 31px; margin: 10px 15px 15px 0; }
.form-control, .btn { border-radius: 2px !important; }
/* bootstrap */
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; }
select.form-control:focus { box-shadow: none; }
.custom-form .btn:not(.btn-xs):not(.btn-sm):not(.default-btn) { padding: 8px 16px; line-height: 24px; height: 42px; }
.custom-form .form-control:not(.default-control) { -webkit-box-shadow: none; -webkit-appearance: none; box-shadow: none; padding: 6px 18px; height: 42px; border-color: #D3D3D3; color: #3B4859; }
.custom-form select.form-control:not(.default-control) { padding: 6px 30px 6px 12px;  }
.custom-form .form-control:not(.default-control):focus { border-color: #fe5638; -webkit-box-shadow: none; box-shadow: none; }
.custom-form textarea.form-control:not(.default-control) { height: auto; }

select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 30px; background: url('../../../img/select_arrow.html') center right no-repeat; background-size: 30px; }
select::-ms-expand { /* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */filter: alpha(opacity=0); /* Good browsers :) */opacity:0;}

.hl-blank {}
.hl-blank .row { margin-left: -2px; margin-right: -2px; }
.hl-blank .col-xs-1,
.hl-blank .col-sm-1,
.hl-blank .col-md-1,
.hl-blank .col-lg-1,
.hl-blank .col-xs-2,
.hl-blank .col-sm-2,
.hl-blank .col-md-2,
.hl-blank .col-lg-2,
.hl-blank .col-xs-3,
.hl-blank .col-sm-3,
.hl-blank .col-md-3,
.hl-blank .col-lg-3,
.hl-blank .col-xs-4,
.hl-blank .col-sm-4,.hl-blank  .col-md-4,.hl-blank  .col-lg-4,.hl-blank  .col-xs-5,.hl-blank  .col-sm-5,.hl-blank  .col-md-5,.hl-blank  .col-lg-5,.hl-blank  .col-xs-6,.hl-blank  .col-sm-6,.hl-blank  .col-md-6,.hl-blank  .col-lg-6,.hl-blank  .col-xs-7,.hl-blank  .col-sm-7,.hl-blank  .col-md-7,.hl-blank  .col-lg-7,.hl-blank  .col-xs-8,.hl-blank  .col-sm-8,.hl-blank  .col-md-8,.hl-blank  .col-lg-8,.hl-blank  .col-xs-9,.hl-blank  .col-sm-9,.hl-blank  .col-md-9,.hl-blank  .col-lg-9,.hl-blank  .col-xs-10,.hl-blank  .col-sm-10,.hl-blank  .col-md-10,.hl-blank  .col-lg-10,.hl-blank  .col-xs-11,.hl-blank  .col-sm-11,.hl-blank  .col-md-11,.hl-blank  .col-lg-11,.hl-blank  .col-xs-12,.hl-blank  .col-sm-12,.hl-blank  .col-md-12,.hl-blank  .col-lg-12 {
    padding-left: 2px;
    padding-right: 2px;
}

form.icon-form .form-control { padding-left: 45px; }
form.icon-form textarea.form-control { padding-top: 12px; padding-bottom: 12px; height: 200px; }
form.icon-form .icon-box { position: absolute; top: 12px; left: 28px; font-size: 18px; color: #9ea3ab; line-height: 1; }
.owl-theme.owl-dots-inner .owl-dots { position: absolute;  margin: 0; left: 0; bottom: 0; right: 0;  }
.table.table-middle td { vertical-align: middle; }

.display-table { display: table; table-layout: fixed; width: 100%; }
.display-table .display-table-cell { display: table-cell; }
.display-table.vertical-top .display-table-cell { vertical-align: top; }
.display-table.vertical-middle .display-table-cell { vertical-align: middle; }
.display-table.vertical-bottom .display-table-cell { vertical-align: bottom; }
.display-table.step2 .display-table-cell { width: 50%; }
.display-table.step3 .display-table-cell { width: 33.3333%; }
.display-table.step4 .display-table-cell { width: 25%; }
.display-table.step5 .display-table-cell { width: 20%; }


/**
*   mobile 고정 버튼
 */

.buy-fixed_btn, .buy-open-fixed_btn  { position: fixed; -webkit-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.2);
    bottom: 0; left: 0; right: 0; width: 100%; display: block; background: #fff; z-index: 99999; }
.buy-fixed_btn a, .buy-open-fixed_btn a,
.buy-fixed_btn button.open-btn , .buy-open-fixed_btn button.open-btn { display: inline-block; text-align: center; height: 52px; line-height: 52px; float: left; color: #222; font-size: 15px; border: 0; }
.buy-fixed_btn a span {   }
.buy-fixed_btn a.cart-area, .buy-open-fixed_btn a.cart-area,
.buy-fixed_btn button.cart-area, .buy-open-fixed_btn button.cart-area { width: 16%; left: 0; border-right: 1px solid #ddd; background: #fff; }
.buy-fixed_btn a.review-area, .buy-open-fixed_btn a.review-area,
.buy-fixed_btn button.review-area, .buy-open-fixed_btn button.review-area { width: 34%; right: 0; }
.buy-fixed_btn a.buy-area, .buy-open-fixed_btn a.buy-area,
.buy-fixed_btn button.buy-area, .buy-open-fixed_btn button.buy-area { width: 50%; background: #444; color: #fff; right: 0; }
.buy-open-fixed_btn a.naver-area { background: #00c73c; color: #fff; width: 34%; right: 0; }
.buy-open-fixed_btn a.naver-area .naver-svg { background: #fff; display: inline-block; height: auto; line-height: 1; padding: 0 2px; }
.buy-open-fixed_btn a.naver-area .naver-svg svg { width: 10px; color: #fff; }
.buy-open-fixed_btn { display: none; z-index: 12; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: 99999;  }
.buy-open-fixed_btn .open-btn-box { -webkit-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px -4px 4px 0px rgba(0,0,0,0.2); overflow: hidden; display: block; }
.buy-open-fixed_btn .form-box {  border-top: 1px solid #ddd; padding: 20px; position: relative; }
.buy-open-fixed_btn .form-box:before { clear: both; position: absolute; top: -130px; left:0; right: 0; z-index: 0; width: 100%; height: 130px;
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(13%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.13) 13%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.13) 13%, rgba(0, 0, 0, 1) 100%);
    content: ''; opacity: .07; }
.buy-open-fixed_btn .closet-btn { position: absolute; right: 0; top: -50px; z-index: 10000; padding: 10px; }
.buy-open-fixed_btn .closet-btn i { font-size: 30px; }

.box-shadow { box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 13px 2px rgba(0, 0, 0, 0.08); }
label.control-label { font-weight: normal; }
.btn-main { background: #fe5638; color: #fff; }
.text-main { color: #fe5638; }
.btn-main:hover,
.btn-main:focus,
.btn-main.focus,
.btn-main:active,
.btn-main.active,
.open > .dropdown-toggle.btn-main {
    color: #fff;
    background-color: #e3391b;
}
.btn-main:active,
.btn-main.active,
.open > .dropdown-toggle.btn-main {
    background-image: none;
}
.btn-link { border: 0 !important; outline: 0 !important; }
.btn-link:hover, .btn-link:focus, .btn-link:active { outline: 0 !important; border: 0 !important; }


.video-section { text-align: center; position: relative; padding-top: 0; }
.video-section .video-contents {  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto;  }
.video-section .video-contents iframe, .video-section .video-contents video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.video-section:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 40%; background: #fafafa; z-index: -1; }
.video-section .video-para-contents {  }
.video-section .video-para-contents p { font-size: 34px; margin: 64px 0 0; line-height: 1.425; }







/*

label.checkbox {
    position: relative;
    padding: 0;
}
label.checkbox-inline {
    padding: 0;
    display: inline-block;
}
.checkbox-inline + .checkbox-inline { margin-left: 10px; }
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
.checkbox input[type="checkbox"] + span,
.checkbox-inline input[type="checkbox"] + span {
    padding-left: 26px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.checkbox input[type="checkbox"] + span:before,
.checkbox-inline input[type="checkbox"] + span:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: -10px 0 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}
.checkbox input[type="checkbox"] + span:active:before, .checkbox input[type="checkbox"]:checked + span:active:before ,
.checkbox-inline input[type="checkbox"] + span:active:before, .checkbox-inline input[type="checkbox"]:checked + span:active:before  {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.checkbox input[type="checkbox"]:checked + span:before ,
.checkbox-inline input[type="checkbox"]:checked + span:before  {
    content: '\2714';
    color: #0c79cc;
    text-shadow: 1px 1px #fff;
    background: #fafafa;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

div.checkbox label, div.checkbox-inline label {  padding: 0; }
div.radio label, div.radio-inline label {  padding: 0; }
label.radio {
    position: relative;
    padding: 0;
}
label.radio-inline {
    padding: 0;
    display: inline-block;
}
.radio-inline + .radio-inline { margin-left: 10px; }
.radio input[type="radio"], .radio-inline input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.radio input[type="radio"] + span, .radio-inline input[type="radio"] + span {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.radio input[type="radio"] + span:before, .radio-inline input[type="radio"] + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
    margin: -10px 0 0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}
.radio input[type="radio"] + span:active:before, .radio input[type="radio"]:checked + span:active:before,
.radio-inline input[type="radio"] + span:active:before, .radio-inline input[type="radio"]:checked + span:active:before{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.radio input[type="radio"]:checked + span:before,
.radio-inline input[type="radio"]:checked + span:before {
    background: #E9ECEE;
    border-color: #adb8c0;
}
.radio input[type="radio"]:checked + span:after,
.radio-inline input[type="radio"]:checked + span:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: #0c79cc;
    border-radius: 100%;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}
*/

.pd10{padding: 10px;}
.pd15{padding: 15px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}
.pd50{padding: 50px;}
.pd100{padding: 100px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}
.mg30{margin: 30px;}
.mg40{margin: 40px;}
.mg50{margin: 50px;}
.mg100{margin: 100px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.per5{width:5%;}
.per10{width:10%;}
.per15{width:15%;}
.per20{width:20%;}
.per25{width:25%;}
.per30{width:30%;}
.per35{width:35%;}
.per40{width:40%;}
.per45{width:45%;}
.per50{width:50%}
.per55{width:55%;}
.per60{width:60%}
.per65{width:65%;}
.per70{width:70%}
.per75{width:75%;}
.per80{width:80%}
.per85{width:85%;}
.per90{width:90%}
.per95{width:95%;}
.per100{width:100%;}
.px10{width:10px;}
.px20{width:20px;}
.px30{width:30px;}
.px40{width:40px;}
.px50{width:50px;}
.px60{width:60px;}
.px70{width:70px;}
.px80{width:80px;}
.px90 {width:90px;}
.px100{width:100px;}
.px150{width:150px;}
.px200{width:200px;}
.px250{width:250px;}
.px300{width:300px;}
.px350{width:350px;}
.px400{width:400px;}
.px450{width:450px;}
.px500{width:500px;}
.px550{width:550px;}
.px600{width:600px;}
.px650{width:650px;}
.px700{width:700px;}





/* common */
body {background:#fff;}
#wrap {width:100%; overflow:hidden; position:relative; padding-top:137px;}
.container {width:100%; max-width:1080px; margin-left:auto; margin-right:auto; position:relative;}
.container:after {content:""; display:table; clear:both;}
img {max-width:100%;}
@media (max-width:1260px) {
	.container {padding-left:15px; padding-right:15px;}
}
@media (max-width:1000px) {
	#wrap {padding-top:54px;}	
}

/* gnb */
#gnb {position:fixed; top:0; left:0; right:0; z-index:1000; display:block !important; background:#fff; }
@media (min-width:1001px) {
	#gpTop {height:89px; border-bottom:solid 1px #ddd;}
	.gpbLogo {float:left;}
	.gpbLogo a {display:block; width:190px; height:75px; background:url("../img/gnb_logo.png?ver=1.0")no-repeat center center; background-size:contain; text-indent:-9999px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; margin-top: 7px;}
	.gpbMem {float:right; padding:30px 0;}
	.gpbMem:after {content:""; display:table; clear:both;}
	.gpbMem li {float:left; margin-right:8px;}
	.gpbMem li:last-child {margin-right:0;}
	.gpbMem li a {
		display:block; height:28px; line-height:28px; color:#fff; padding:0 12px; font-size:11pt; letter-spacing:-0.075em; font-weight:500;
		border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; white-space:nowrap;
	}
	.gpbMem li a.bk {background:#1f1134;}
	.gpbMem li a.blu {background:#0067b4;}
	.gpbMem li a.red {background:#e6006f;}
	.gpbMem li a.org {background:#e67500;}
	.gpbMem li a.grn {background:#02b149;}
	#gpBot {height:48px; border-bottom:solid 1px #ddd; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	.gpbMenu {position:relative;}
	.gpbMenu:after {content:""; display:table; clear:both;}
	.gpbMenu > li {position:relative; float:left; text-align:center; width:14.28%;}
	.gpbMenu > li:after {content:""; display:block; width:1px; height:10px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-5px;}
	.gpbMenu > li:last-child:after {display:none;}
	.gpbMenu > li > a {display:block; height:47px; line-height:47px; font-size:12pt; font-weight:500; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	.gpbMenu > li > a:hover {text-decoration:underline;}
	#gnbPC.on .gpbMenu > li > a {color:#000;}
	.gpbMenu > li > ul {
		position:absolute; top:100%; left:0; right:0; display:none; z-index:1; min-width:160px;
		padding: 5px 0; font-size: 14px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box;
		border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}
	.gpbMenu > li > ul > li {text-align:left;}
	.gpbMenu > li > ul > li > a {display:block; font-size:10pt; font-weight:400; color:#000; padding:6px 20px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	.gpbMenu > li > ul > li > a:hover {color:#fff; background:#e4036e;}
	#gnbM {display:none !important;}
}

@media (max-width:1000px) {
	#gnbPC {display:none !important;}
	#gnbM {display:block; background:#fff;}
	#gmTop {border-bottom:solid 1px #e5e5e5;}
	#gmtLogo {width:180px; height:53px; margin:0 auto;padding: 5px 0;}
	#gmtLogo a {display:block; height:95%; text-indent:-9999px; background:url("../img/gnb_logo.png?ver=1.0")no-repeat center center; background-size:contain;}
	#gmBtn {display:block; position:absolute; top:0; right:0; height:100%; cursor:pointer; padding:17px 15px; margin:0; z-index:10;}
	#gmBtn span {display:block; width:27px; height:2px; margin-bottom:6px; background:#333; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
	#gmBtn span.slice1 {}
	#gmBtn span.slice2 {}
	#gmBtn span.slice3 {margin-bottom:0;}
	#gmBtn.on {position:absolute; right:0; top:0;}
	#gmBtn.on span {width:34px;}
	#gmBtn.on span.slice1 {margin-top:8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#gmBtn.on span.slice2 {opacity:0}
	#gmBtn.on span.slice3 {margin-top:-16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
	#gmBot {position:fixed; top:54px; left:0; right:0; bottom:0; display:none; z-index:100; background:#fff;}
	#gmBot > ul {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
	#gmBot > ul:after {content:""; display:table; clear:both;}
	#gmBot > ul > li {border-bottom:solid 1px #e5e5e5;}
	#gmBot > ul > li > span,
	#gmBot > ul > li > a {display:block; font-size:12pt; letter-spacing:-0.01em; font-weight:500; padding:15px 15px; cursor:pointer; position:relative;}
	#gmBot > ul > li > span:after {content:""; display:block; width:12px; height:8px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("../img/gnb_arrow_down.png")no-repeat center center; background-size:100% auto !important;}
	#gmBot > ul > li > span.on:after {background:url("../img/gnb_arrow_up.png")no-repeat center center;}
	#gmBot > ul > li > ul {padding:10px 15px; display:none; border-top:solid 1px #e5e5e5;}
	#gmBot > ul > li > ul > li {padding:10px 15px; position:relative;}
	#gmBot > ul > li > ul > li :before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:8px; top:50%; margin-top:-1px;}
	#gmBot > ul > li > ul > li > a {display:block; font-size:11pt; letter-spacing:-0.05em; font-weight:400; color:#333;}
}


/* footer */
footer {padding:60px 0;}
.ftImg {width:15%; float:left; margin-right: 3%;}
.ftImg img {display:block; margin:0 auto;}
.ftTxt {width:75%; float:left;}
.ftTxt p {font-size:10pt;}
.ftTxt p span {position: relative; padding-right: 8px; margin-left: 8px; color: #000; line-height: 1.6;}
.ftTxt p.ftCopy {margin-top:15px;}
.ftTxt p.ftCopy span {color:#767676;}
@media (max-width:800px) {
	footer {padding:30px 0;}
	.ftImg {
        width: 38%;
        margin: 0 auto;
        margin-bottom: 20px;
        float: inherit;
    }
	.ftTxt {width:100%;}
	.ftTxt p {text-align:center; font-size:9pt;}
	.ftTxt p span {padding-right:4px; margin-left:4px;}
	.ftTxt p:first-child span:last-child {display:block;}
	.ftTxt p.ftCopy {margin-top:15px;}
	.ftTxt p.ftCopy span {color:#767676;}
}
.row:after {content:""; display:table; clear:both;}
.col-sm-2 {width:16.66666667%; float:left; padding-left:10px; padding-right:10px;}
.col-sm-3 {width:25%; float:left; padding-left:10px; padding-right:10px;}
.col-sm-4 {width:33.3333%; float:left;  padding-left:10px; padding-right:10px;}
.col-sm-6 {width:50%; float:left;  padding-left:10px; padding-right:10px;}
.col-sm-8 {width:66.6666%; float:left;  padding-left:10px; padding-right:10px;}
.col-sm-9 {width:75%; float:left;  padding-left:10px; padding-right:10px;}
.col-sm-10 {width:83.33333333%; float:left;  padding-left:10px; padding-right:10px;}
@media (max-width:800px) {
	.col-sm-4,
	.col-sm-6,
	.col-sm-8,
	.col-sm-9 {width:100%; padding-left:0; padding-right:0;}
	.col-sm-2 {width:100%;}
	.col-sm-10 {width:100%;}
	.col-sm-3 {width:50%;}
	.banner-bar h5 {border-right:none !important;}
}

.img-responsive {display:block; margin:0 auto; max-width:100%;}
.title-contents img {display:inline-block;}
section.default.expert-list-section .article .info-text div.hr {margin:10px 0 !important;}
section.default.expert-list-section .article .info-text h2 {line-height:1.2em;}
section.default.expert-list-section .article .info-text .history-contents {/* min-height:140px;; */}

.subPage {padding-top:60px; padding-bottom:60px;}
@media (max-width:800px) {
	.subPage {padding-top:30px; padding-bottom:30px;}
}


.listBot {padding-top:10px;}
.listBot:after {content:""; display:table; clear:both;}
.listBot ul {float:right;}
.listBot ul:after {content:""; display:table; clear:both;}
.listBot ul li {float:left; margin-left:5px;}
.listBot ul li a,
.listBot ul li button,
.listBot ul li input[type="submit"] {display:block; height:34px; line-height:32px; padding:0 10px; color: #333; background: #fff; border:solid 1px  #ccc; font-size:13px; font-weight:400; white-space: nowrap; cursor: pointer; border-radius: 4px;}
.listBot ul li a:hover,
.listBot ul li button:hover,
.listBot ul li input[type="submit"]:hover {background:#f5f5f5;}
.listTop {padding-bottom:10px;}
.listTop p {float:left; white-space:nowrap;}
.listTop a {float:right; display:block; height:34px; line-height:32px; padding:0 10px; color: #333; background: #fff; border:solid 1px  #ccc; font-size:13px; font-weight:400; white-space: nowrap; cursor: pointer; border-radius: 4px;}
.listTable {border-top:solid 2px #000; border-bottom:solid 1px #ccc; border-collapse: collapse; width:100%;}
.listTable th,
.listTable td {padding:8px;  text-align:left;  font-size:10pt;}
.listTable th {border-bottom:solid 2px #ccc; font-weight:500;}
.listTable td {font-weight:400;}
.listTable td a {color:#337ab7;}
.listNoti {display:inline-block; vertical-align:middle; background:#337ab7; color:#fff; width:30px; height:20px; line-height:20px; text-align:center; margin-left:3px; white-space: nowrap; border-radius: 4px; font-size:8pt;}
.wrtTable {border-collapse: collapse; width:100%;}
.wrtTable th,
.wrtTable td {padding:8px; border:solid 1px #ddd;}
.wrtTable th {background:#f5f5f5;}
.wrtTable td {}

.rvwList {margin:0 -10px;}
.rvwList:after {content:""; display:table; clear:both;}
.rvwList > li {float:left; width:25%; padding:0 10px; margin-bottom:40px; position:relative;}
.rvwChk {position:absolute; left:20px; top:10px; z-index:1;}
.rvwChk > input[type="checkbox"] {width:20px; height:20px;}
.rvwCont {display:block; position:relative;}
.rvwCont em {
	display:block; padding-bottom:90%; background-size:cover !important; background-repeat:no-repeat !important;
	border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;
}
.rvwCont h4,
.rvwCont h5,
.rvwCont h6 {font-weight:400; font-size:10pt; text-align:center;}
.rvwCont h4 {color:#777; margin-top:9px; margin-bottom:2px;}
.rvwCont h5 {color:#333; padding:0 15%; font-weight:500; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 4.2em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.rvwCont h6 {color:#777;}
.rvwDetail {display:block; margin:0 auto; margin-top:10px; height:30px; line-height:28px; width:70px; text-align:center; color: #333; background: #fff; border:solid 1px  #ccc; font-size:13px; font-weight:400; white-space: nowrap; cursor: pointer; border-radius: 4px;}

@media (max-width:800px) {
	.rvwList {margin:0 -5px;}
	.rvwList > li {width:50%; padding:0 5px; margin-bottom:20px;}
}

.fancybox-content {width:900px; padding:0 !important;}
.fancybox-slide--html {padding:30px !important;}
.mdlTitle {padding:20px 15px; background:#fff; border-bottom:solid 1px #e5e5e5; font-size:20pt; color:#333; font-weight:500; text-align:center;}
.mdlCont {background:#f7f7f7; padding:30px 40px;}
.mdlImg {display:block; max-width:100%;}
.mdlList {padding:10px 0;}
.mdlList dt {color:#888; margin-bottom:5px; font-weight:500;}
.mdlList dd {padding-bottom:10px; margin-bottom:15px;}
@media (max-width:800px) {
	.fancybox-slide--html {padding:5px !important;}
}


/* Start state */
.animated-modal {
  max-width: 550px;
  border-radius: 4px;
  overflow: hidden;
  
  transform: translateY(-50px);
  transition: all .7s;
}
.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  
  transition-property: transform, opacity;
  transition-duration: .4s;
}
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}
.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}


.frmWrap {margin:0 -10px;}
.frmWrap .form-group input[type="text"],
.frmWrap .form-group select {display:block; width:100%; height:34px; border:solid 1px #ddd;}
.frmSubmit {margin-top:20px;}
.frmSubmit input[type="submit"] {height:40px;}


.visible-xs {display:none;}
@media (max-width:800px) {
	.hidden-xs {display:none;}
	.visible-xs {display:block;}
	.fixed-link {top:auto !important; transform:translateY(0) !important; bottom:0;}
}

.information-section { font-family: "Noto Sans KR", sans-serif !important; background: url('/img/information-section-background.jpg'); color: #fff; font-size: 18px; }
.information-section .col { position: relative; padding: 26px 40px; }
.information-section .col:nth-child(2) { background: url('/img/infomation-section-icon2.png') right 15px bottom no-repeat; }
.information-section .col:nth-child(3) { background: url('/img/infomation-section-icon1.png') right 15px bottom -15px no-repeat; }
.information-section .col:before { position: absolute; top: 30%; right: 0; width: 1px; height: 35%; background: #eeeeee; content: ''; }
.information-section .col:last-child:before { display: none; }
.information-section h5 { font-family: "Noto Sans KR", sans-serif !important; display: inline-block; font-size: 18px; }
.information-section span.date { font-family: "Noto Sans KR", sans-serif !important; font-size: 12px; color: #e2e1e1; }
.information-section span.im { font-family: "Noto Sans KR", sans-serif !important; font-weight: 700; color: #83ffa6; font-size: 20px; }
.information-section .container { padding:0; }

@media (max-width:800px) {
    .information-section .col { padding: 14px 30px; }
    .information-section .col:before { left: 20px; right: 20px; bottom: 0; top: auto; width: auto; height: 1px; }
    .information-section .col:nth-child(2) { background-size: 45px; }
    .information-section .col:nth-child(3) { background-size: 57px; }
}