@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);

body,th,td,input,select,textarea,button {color:#777;font-family:'Nanum Gothic','맑은 고딕','Malgun Gothic';font-size:14px;font-weight:400;}
body,html{height:100%}
ol, ul {list-style: none;}
a { color: #777;text-decoration:none;cursor:pointer;}
a:hover {color: #777;text-decoration:none}
fieldset,img,iframe,map,area{border:0;outline:none;}
a:visited, a:active {color: #777}
.tbl {display:table;width:100%;height:100%}
.tbl-cell {display: table-cell;vertical-align:middle}
.img-box img {display:block}
.imgbg {width:100%}
.txt-box {position: absolute;top:0;left:0;bottom:0;width:100%;height:100%;text-align: center;}
.clearfix:after { display: block;visibility: hidden;clear:both;height: 0;font-size: 0;content: "."; }
.hidden {display:none !important;}
.fl-l {float: left !important;}
.fl-r {float: right !important;}
.txt-c { text-align: center !important; }
.txt-l { text-align: left !important; }
.txt-r { text-align: right !important; }
.txt-v-c {vertical-align:middle !important; }
.txt-v-b {vertical-align:bottom !important; }
.txt-v-t {vertical-align:top !important; }
.tit {font-weight:700}
.fdark {color:#444 !important;}
.fsoft {color:#777 !important;}
.fobcol1 {color:#f39c1f !important;}
.fobcol2 {color:#da5926 !important;}
.fobcol3 {color:#c00000 !important;}
.fobcol4 {color:#45120f !important;}
.fobcol {color:#013b90 !important;}

.eng { font-family:'Calibri', 'Arial', 'sans-serif'; }
.btn-trans {color:#fefeff;font-size:12px;font-weight:700;display:inline-block;text-align:center;width:98px;height:33px;line-height:33px;border:1px solid #fff}
.btn-trans:hover{background: rgba(0,0,0,0.20);}
.btn-black-trans {color:#000;font-size:13px;font-weight:800;display:inline-block;text-align:center;width:72px;height:33px;line-height:33px;border:1px solid #000;}
.btn-black-trans:hover{background: rgba(0,0,0,0.20);}
.link-btn {color: #fff !important;font-size:13px;font-weight:800;text-align:center;display:block;width:138px;height:43px;line-height:43px; background: #a50f0f url(/assets/images/common/brand_btn_ico.png) no-repeat 110px center;}
.link-btn:hover {background-color:#840c0c}
.ob-btn {color: #fff !important;font-size:16px;font-weight:700;text-align:center;width:200px;line-height:45px;padding:0;background-color:#9b120f;background-repeat:no-repeat;border:0;cursor:pointer}
.ob-btn span {display:inline-block;vertical-align:top;line-height:45px}
.ob-btn:hover {background-color:#840c0c}
.more-ico {background:url(/assets/images/main/main_more_btn.png) no-repeat 0 0;width:42px;height:42px}
.more-ico:hover {background:url(/assets/images/main/main_more_btn_on.png) no-repeat 0 0;}
.sub-ico {background:url(/assets/images/common/path_sub_ico.png) no-repeat 0 0;width:5px;height:13px;display: inline-block;overflow:hidden;font-size:0;line-height: 0;text-indent: -9999px;}
select:not(.no-style) {
  font-family:inherit;  /* 폰트 상속 */
  border-radius:0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance:none; /* 네이티브 외형 감추기 */
  -moz-appearance:none;
  -o-appearance:none;
  -ms-appearance: none;
  appearance:none;
}
select::-ms-expand{
    display: none;
}
.form-error-box {color: #f00;padding-top:5px}
.spacer {height:55px;clear:both;display:block;}
.spacer30 {height:30px;clear:both;display:block;}
.spacer45 {height:45px;clear:both;display:block;}
.inbev-col {color:#45130f !important;}
.pt10 {padding-top:10px !important;}

.select-hidden {display:none;visibility:hidden;padding-right:10px;}
.select {cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#888888;width:220px;height:40px;}
.select-styled {position:absolute;vertical-align:middle;top:0;right:0;bottom:0;left:0;background-color:#fff;-moz-transition: all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.select-styled .text-default {position:absolute;border:1px solid #d1d1d1;border-right:0 none;left:0;top:0;bottom:0;right:34px;line-height:38px;padding-left:12px}
.select-styled .select-btn-bg {float:right;background-color:#a90100;width:34px;height:40px}
.select-styled:after {clear:both;content:"";width:0;height:0;border:7px solid transparent;border-color: #fff transparent transparent transparent;position:absolute;top:16px;right:10px;}
.select-styled:active:after, .select-styled.active:after {top:9px;border-color:transparent transparent #fff transparent;}
.select-options {display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background-color:#fff;}
.select-options li {margin:0;padding:12px 0;text-indent: 15px;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;}
.select-options li:hover {color:#fff;background:#a90100;}
.select-options li[rel="hide"] {display: none;}

.select-box {height:28px;border: 1px solid #a4a4a4;position:relative;display:inline-block;vertical-align:top;background:#fff;}
.select-box:after {background: url(/assets/images/common/select-arrow01.png) no-repeat center center;width: 7px;height: 4px;z-index:5;position: absolute;right: 5px;top: 50%;margin-top: -2px;display: block;content: "";}

.control {position: relative;display: inline-block;height:21px;line-height:21px;padding-left: 30px;cursor: pointer;}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control__indicator {position:absolute;top:2px;left:0;width:20px;height:20px;background:#e6e6e6;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input ~ .control__indicator,.control input:focus ~ .control__indicator {	background: #ccc;}
.control input:checked ~ .control__indicator {background: #a50f0f;}
.control:hover input:not([disabled]):checked ~ .control__indicator,.control input:checked:hover ~ .control__indicator {background: #861111;}
.control input:disabled ~ .control__indicator {pointer-events: none;opacity: .6;background: #e6e6e6;}
.control__indicator:after {position: absolute;display: none;content: '';}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {top: 4px;left: 8px;	width: 3px;height: 8px;	transform: rotate(45deg);border: solid #fff;border-width: 0 2px 2px 0;}
.control--checkbox input:disabled ~ .control__indicator:after {	border-color: #7b7b7b;}
.control--radio .control__indicator:after {top: 4px;left: 4px;width:12px;height: 12px;	border-radius: 50%;background: #fff;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}
.ui-datepicker{z-index: 20 !important};

.mg10r {margin-right:10px;}
.mg15r {margin-right:15px;}
.mg20r {margin-right:20px;}
.mg25r {margin-right:25px;}
.mg30r {margin-right:30px;}
.mg40r {margin-right:40px;}
.mg50r {margin-right:50px;}
.mg60r {margin-right:60px;}

.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}