@charset "utf-8";

/*@import 'https://fonts.googleapis.com/css?family=Titillium+Web';*/
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('/resource/font/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('/resource/font/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/resource/font/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/resource/font/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/resource/font/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/resource/font/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* common */
html { margin:0; padding:0;}
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0;} 
h1, h2, h3, h4, h5, h6 {line-height:1; font-weight:normal;}
ol, ul, li {list-style: none;}
img {border:0; line-height:0; font-size:0; vertical-align:top;}
table {border-spacing:0; border-collapse:collapse; table-layout:fixed; padding:0; margin:0; width:100%;}
caption, legend{width:0; height:0; font-size:0; line-height:0; text-indent:-5000em;}
button {border:none; padding:0; margin:0; visibility:visible; cursor:pointer;}
fieldset {border:0;}
a img {font-size:0; line-height:0;}
select {text-indent:5px; min-width:110px; font-size:12px; padding:3px 0; height:30px; border:1px solid #e9e9e9; -webkit-border-radius:0; -webkit-appearance:none;}
input[type="text"], input[type="password"] {text-indent:5px; border:1px solid #e9e9e9; padding:0; height:28px; line-height:28px; font-size:12px; vertical-align:top;}
input[type="radio"], input[type="checkbox"] {padding:0; margin:0; width:auto; height:auto; border:0; vertical-align:middle;} /* input radio버튼 checkbox css */
input[type="button"],button {cursor:pointer; -webkit-border-radius:0; -webkit-appearance:none; vertical-align:top;}
textarea {font-size:12px; padding:2px; border:1px solid #e9e9e9;  line-height:1.5em; color:#777777; resize: none;}
hr {display:none;}
a {cursor:pointer;}
strong {font-weight:normal;}
i, em {font-style:normal;}
pre {font-family:Titillium Web;}
/* html5 create */
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
/* 화살표 모양의 이미지 */
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../../images/en/common/arrow.png) no-repeat 100% 50%;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}
iframe {border:0;}

.normal * {font-family:Titillium Web;}
.bold {font-family:Titillium Web; font-weight:600;}
.point {color:#1b5cb0 !important;}
.pointred {color:#f16363 !important;}
.pointorg {color:#e66c1c;}
.txtbig {font-size:30px; line-height:1em; margin-bottom:10px; color:#e66d1e;}
.les{letter-spacing:-1px;}
.pointorg01 {color:#e66c1c; font-size:18px;}

.clear {clear:both;}
.floatL	{float:left !important;}
.floatR	{float:right !important;}
.txtL {text-align:left !important;}
.txtR {text-align:right !important}
.txtC {text-align:center !important;}
.vrT{vertical-align:top !important;}
.vrM {vertical-align:middle !important;}
.vrB {vertical-align:bottom !important;}

/* margin */
.mrt0 {margin-top:0 !important;}
.mrt30 {margin-top:30px !important;}
.mrt80 {margin-top:80px !important;}
.mrb0 {margin-bottom:0 !important}
.mrr0 {margin-right:0 !important;}
.mrl0 {margin-left:0 !important;}

.pdb0 {padding-bottom:0 !important;}

.block {display:block !important;}
.imgbtn {width:auto !important; height:auto !important; padding:0 !important; border:0 !important; vertical-align:middle;}
.nor{border:0 !important; vertical-align:middle;}
.underline {text-decoration:underline;}
.underline:hover {text-decoration:underline;}

/* width */
.indef {width:inherit !important;} /* 인풋 기본값 */
.wtel {width:90px !important;} /* 전화번호4자리 */
.w15 {width:18% !important;} /* 메일아이디 */
.w20 {width:20% !important;} /* 메일계정 */
.w25 {width:25% !important;}
.w35 {width:45% !important;}
.w50 {width:50% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w100{width:99% !important;}
input.definp {width:200px !important;}

/* link */
a {text-decoration: none; color:#555555;}
a:visited {text-decoration: none;}
a:hover {text-decoration:none; color:#e66d1e;}

/* BTN box */
.topline {border-top:1px solid #c2c2c2; padding-top:30px;}
.btnL {text-align:left;}
.btnL:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.btnL li {display:inline-block; margin-left:5px;}
.btnR {text-align:right;}
.btnR:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.btnR li {display:inline-block; margin-left:5px;}
.btnR.mrt {margin-top:30px;}
.btnCen {text-align:center;}
.btnCen:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.btnCen li {display:inline-block; margin-left:5px;}

/* btn */
.btn01 {display:inline-block; padding:0 22px; background:#313131; font-family:Titillium Web;}
.btnR .btn01 {background:#282828;}
.btn01 em {display:block; padding-right:36px; background:url(../../images/en/btn/bg_btn01.png) no-repeat 100% 15px; font-size:13px; color:#fff; height:37px; line-height:37px;}
.btn01_btn {padding-left:22px; padding-right:58px; background:#282828 url(../../images/en/btn/bg_btn01_btn.png) no-repeat 100% 15px; font-size:13px; color:#fff; height:37px; line-height:37px;} /* button 이면서 btn01모양인것, 고객 문의하단에 사용 */ 

.btn02 {display:inline-block; padding:0 20px; background:#313131; height:37px; line-height:37px; font-size:12px; color:#fff;}
.btn02:hover {color:#fff;}

.btn03 {display:inline-block; padding:0 20px; background:#c2c2c2; height:37px; line-height:37px; font-size:12px; color:#fff;}
.btn03:hover {color:#fff;}

.btn_tit_Area {display:inline-block; vertical-align:bottom; padding-left:20px; }
.btn_tit {display:inline-block; padding:0 20px; background:#313131;}
.btn_tit em {display:block; padding-right:30px; background:url(../../images/en/btn/bg_btn01.png) no-repeat 100% 9px; font-size:12px; color:#fff; height:27px; line-height:27px;}

.btn_file {display:inline-block; padding:0 20px; background:#313131;}
.btn_file em {display:inline-block; padding-left:25px; background:url(../../images/en/btn/file.png) no-repeat 0 13px; font-size:12px; color:#fff; height:37px; line-height:37px;}
.btn_file a {display:inline-block; padding-left:25px; background:url(../../images/en/btn/file.png) no-repeat 0 13px; font-size:12px; color:#fff; height:37px; line-height:37px;}
.btn_more {background:#555; text-align:center; height:54px; margin-top:30px; cursor:pointer;}
.btn_more em {display:inline-block; line-height:54px;/* background:url(../../images/en/btn/ico_more.png) no-repeat 100% 50%;*/ padding-right:26px; font-size:14px; color:#fff;}
.btn_more a {display:inline-block; line-height:54px;/* background:url(../../images/en/btn/ico_more.png) no-repeat 100% 50%;*/ padding-right:26px; font-size:14px; color:#fff;}

/* innerbtn */
.sbtn01 {background:#7a7d83; color:#fff; border:0; height:30px; line-height:30px; padding:0 10px; cursor:pointer; font-size:12px; font-family:Titillium Web;}