@charset "utf-8";

/*** 폰트정의 start ***/
:lang(ko) { font-family: 'Noto Sans KR', sans-serif;}

/*Noto Sans KR*/
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 200;
   src: url('../font/NotoSansKR-Light.woff2') format('woff2'),
        url('../font/NotoSansKR-Light.woff') format('woff'),
        url('../font/NotoSansKR-Light.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('../font/NotoSansKR-Regular.woff2') format('woff2'),
        url('../font/NotoSansKR-Regular.woff') format('woff'),
        url('../font/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('../font/NotoSansKR-Medium.woff2') format('woff2'),
        url('../font/NotoSansKR-Medium.woff') format('woff'),
        url('../font/NotoSansKR-Medium.otf') format('opentype');
 }
/*Noto Sans KR*/
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'), 
	url('../font/NotoSerifCJKkr-ExtraLight-subset.woff') format('woff'),
	url('../font/NotoSerifCJKkr-ExtraLight-subset.woff2') format('woff2'),
	 url('../font/NotoSerifCJKkr-ExtraLight-subset.otf') format('otf');
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'), 
	url('../font/NotoSerifCJKkr-Regular-subset.woff') format('woff'),
	url('../font/NotoSerifCJKkr-Regular-subset.woff2') format('woff2'), 
	url('../font/NotoSerifCJKkr-Regular-subset.otf') format('otf'),        
	url('../font/NotoSerifCJKkr-Regular-subset.ttf')  format('truetype'), /* Safari, Android, iOS */;
}
@font-face {
    font-family: 'Noto Serif KR';
    font-style: normal;
    font-weight: 600;
    src: local('Noto Serif CJK KR'), local('Source Han Serif K'), local('Source Han Serif'), local('Noto Serif CJK'), local('Noto Serif'), 
	url('../font/NotoSerifCJKkr-Bold-subset.woff') format('woff'),
	url('../font/NotoSerifCJKkr-Bold-subset.woff2') format('woff2'),  
	url('../font/NotoSerifCJKkr-Bold-subset.otf') format('otf');
}
/* nanum-myeongjo*/
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nanum-myeongjo-v14-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('NanumMyeongjo'),
       url('../font/nanum-myeongjo-v14-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanum-myeongjo-v14-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/nanum-myeongjo-v14-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/nanum-myeongjo-v14-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/nanum-myeongjo-v14-korean-regular.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 700;
  src: url('../font/nanum-myeongjo-v14-korean-700.eot'); /* IE9 Compat Modes */
  src: local('NanumMyeongjo Bold'), local('NanumMyeongjoBold'),
       url('../font/nanum-myeongjo-v14-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanum-myeongjo-v14-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/nanum-myeongjo-v14-korean-700.woff') format('woff'), /* Modern Browsers */
       url('../font/nanum-myeongjo-v14-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/nanum-myeongjo-v14-korean-700.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 800;
  src: url('../font/nanum-myeongjo-v14-korean-800.eot'); /* IE9 Compat Modes */
  src: local('NanumMyeongjo ExtraBold'), local('NanumMyeongjoExtraBold'),
       url('../font/nanum-myeongjo-v14-korean-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanum-myeongjo-v14-korean-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/nanum-myeongjo-v14-korean-800.woff') format('woff'), /* Modern Browsers */
       url('../font/nanum-myeongjo-v14-korean-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/nanum-myeongjo-v14-korean-800.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}

/*다음폰트*/

@font-face{
 font-family:'Daum';
 font-style:normal;
 font-weight:400;
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-Regular.woff') format('woff');
}
@font-face{
 font-family:'Daum';
 font-style:normal;
 font-weight:700;
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/daum/Daum/Daum-SemiBold.woff') format('woff');
}




/*** 폰트정의 end ***/

/*** reset start ***/
body {min-height:100%; min-width:1200px;height: 100%; margin:0;padding:0; color:#000; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-optical-sizing: none;}
html {height:100%; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-optical-sizing: none;	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing: border-box;}
header,main,aside,article,footer {display:block}
header,nav,section,footer {margin:0;padding:0;clear:both;width:100%;}
header{position: relative; background:transparent; z-index:9999; border-bottom:1px solid transparent;}
header.fixed{position:fixed; background:#fff; border-bottom:1px solid #dbdbdb; ;box-shadow: 0 4px 8px rgba(0,0,0,0.095); -webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,textarea,button{border:0 none;background-color:transparent;-webkit-appearance:none;vertical-align:middle}
input,select,button{cursor:pointer}
select{border:0 none;vertical-align:middle;font-family: 'noto-sans-scott','맑은 고딕';}
input::-ms-clear {display:none}
body,h1,h2,h3,h4,th,td,input,select,textarea,button {font-size:16px;font-weight:400;color:#000;font-family:'Noto Sans KR',sans-serif,'Malgun Gothic', '맑은 고딕','helvetica', Dotum, '돋움', AppleSDGothicNeo, sans-serif,tahoma,verdana;line-height:1.5}

table {border-collapse:collapse;border-spacing:0}

a {color:#000;text-decoration:none;outline:none;}
a:hover {text-decoration:none}
a:active {background-color:transparent}

button {border:0 none;background-color:transparent;white-space:nowrap;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none;border-radius:0;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
img{vertical-align:top; border:0 none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

/*** reset end ***/

/*** placeholder 정의 start ***/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #999;}
::-moz-placeholder { /* Firefox 19+ */  color: #999;}
:-ms-input-placeholder { /* IE 10+ */  color: #999;}
:-moz-placeholder { /* Firefox 18- */  color: #999;}


/*** common_form start ***/

/*form*/
input[type=text],input[type=password],input[type=email]{border: 1px solid #c9c9c9;background:#fff;height:44px;width:100%;padding:0 10px;}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:#009fd9; outline:none;}

select{width: 100%;height: 44px;padding:0 0 0 10px;background: #fff url(../img/customer/ico_select.png) calc(100% - 7px) 50% no-repeat;border:1px solid #c9c9c9;-ms-appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance:none;appearance: none;}
select::-ms-expand { display: none; }
/*div.formselect { position:relative; display:inline-block;  z-index:0}
div.formselect select {  z-index:1;}
div.formselect::before{display:block;  position:absolute; content:''; right:0px;  top:0px;  height:42px;  width:28px;   margin:0;  background:#fff url(../img/customer/ico_select.png) calc(100% - 8px) 50% no-repeat;   z-index:5; border:1px solid #c9c9c9; border-left:0;}*/
textarea{width:100%;border: 1px solid #ddd; padding: 10px;  font-size: 18px;}

/* button */
button{background:#ff5a00;width:auto; padding: 0 20px; margin-left:15px;height: 44px; -webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
button:first-child{margin-left:0;}
button:hover,button:focus{background: #222;}

.btn_act_W{float:left;width: 100%; text-align:center;}
.btn_act {background: #ff5a00;color: #fff;font-size:16px;border: 0;padding: 15px 20px;margin-left:10px;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;display: inline-block;min-width: 80px;}
.btn_act_link{ background:#555;}
.btn_act:hover, .btn_act:focus{background: #222;}


a.btn_link {background: #ff5a00;color: #fff;font-size:16px;border: 0;padding: 15px 20px;margin-left:10px;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;display: inline-block;}
a.btn_link:hover{background: #222;}
a.btn_link:first-child{margin-left:0;}
a.btn_link_1{display:inline-block;line-height:130%;min-width:10px;min-height: 40px;text-align:center;background: #3b3b3b;height: 40px;font-size:16px;font-weight:400;border: 0;color:#fff;padding: 15px 20px;}
a.btn_link_2{display:inline-block;line-height:130%;min-width:10px;text-align:center;background: #ff5a00;font-size:16px;font-weight:400;border: 0;color:#fff;padding: 15px 20px;}

/* 체크 라디오 박스 */
input[type=checkbox]:not(old) { margin:0; padding:0; opacity:0;  background:url(../img/ico_chk.png) no-repeat 0 0;   width:0; } 
input[type=checkbox]:not(old) + label {display: inline-block;text-align: left;height: 26px;padding-left: 34px;background: url(../img/ico_chk.png) no-repeat 0 0;vertical-align: middle;line-height: 135%;color: #333;font-size: 18px;}
input[type=checkbox]:not(old):checked + label { background: url(../img/ico_chk.png) no-repeat 0 -90px;}
input[type=radio]:not(old) { margin:0; padding:0; opacity:0;  background:url(../img/ico_chk.png) no-repeat 0 -40px;   width:0; } 
input[type=radio]:not(old) + label {  display: inline-block;  text-align: left; height: 26px;  padding-left: 34px;  background: url(../img/ico_chk.png) no-repeat 0 -181px;  vertical-align: middle;  line-height: 135%;	color: #333; }
input[type=radio]:not(old):checked + label {background: url(../img/ico_chk.png) no-repeat 0 -271px;}



/*table*/
table{width:100%;border:0;background:#fff;}
table thead th,table thead td {padding:8px; line-height:150%; text-align:center;}
table tbody th,table tbody td {padding:8px; line-height:150%; border:0; border-bottom:1px solid #ddd;border-top:1px solid #ddd; border-left:1px solid #eee; }
table tbody th{background:#f9f9f9; text-align:center;}
table tfoot th,table tfoot td {padding:8px; line-height:150%; text-align:right; border:0; border-left:1px solid #eee; }

table tbody th:first-child,table tfoot th:first-child,table tfoot td:first-child{border-left:0;}

/*** common_form end ***/

/*** common_Frame start ***/

/*Frame_header*/

nav{width:1200px;margin:0 auto;height: 90px;}
nav h1{float:left; display:inline-block;}
nav h1 a{display:block;text-indent:-9999px;background: url(../img/ci3.png) 50% 48% no-repeat;width:200px;height: 90px;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
nav .h_menu_w{float:right;width: 820px;margin-right: 50px;}
nav .h_menu_w li{float:left;display:inline-block;}
nav .h_menu_w li a{display:block;padding: 0 25px;min-width:60px;height:90px;line-height: 550%;font-size: 20px;font-weight: 400;color: #000;}
nav .h_menu_w li:hover a,nav .h_menu_w li.active a{background:#ff5a00; color:#fff;}
nav .h_menu_w li ol{display:none; width:100%;}
nav .h_menu_w li ol li{display:block;clear: both;}
nav .h_menu_w li ol li a{padding:0;margin:0;}
.h_btn_open:hover a{background-color:transparent;}
.h_btn_open{position:absolute;left: calc(50% + 562px);top: 0;padding: 35px 0 0 0;width: 38px;height: 90px;overflow: hidden;}
.h_btn_open a{position:relative;display:inline-block;padding: 0;z-index: 9999;background: #fff;text-align: right;height: 90px;width: 100%;}
.h_btn_open a span{display:block;width: 38px;height: 3px;margin:8px auto 0;background:#000000;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.h_btn_open a.openlayer{/* position:fixed;*/}
.h_btn_open a.openlayer span{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-bottom:0;margin-top: -2px;}
.h_btn_open a.openlayer span:first-child {transform:rotate(135deg);-webkit-transform:rotate(135deg);margin-bottom:0;margin-top: 13px;}
.h_btn_open a.openlayer span:last-child{ display:none;}

nav h1 a.active{display:block; text-indent:-9999px; background:#fff url(../img/ci2.png) 50% 48% no-repeat;  width:200px; height:90px;}


#h_smenu_w{display:block;width: 100%;position: absolute;top: 90px;left: 0;height: 0;z-index: 9999;}
#h_smenu_w .h_smenu_box{display:none;width: 100%;height: 0;border-top:1px solid #ebebeb;-webkit-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#h_smenu_w .open{display:block; background:rgba(255,255,255,1);width: 100%;height: 200px;box-shadow: 0 4px 4px rgba(0,0,0,0.095); z-index:9999;}
#h_smenu_w  ul{width: 1200px;margin:0 auto;/* padding-left: 330px; */position:relative;height:100%;display: table;}
#h_smenu_w  ul li{float:left;display: table-cell;background:transparent;height: 200px; margin-top:-1px;padding: 0 0;border-top:1px solid transparent;}
#h_smenu_w  ul li a{display:block;line-height: 130%;color: #333;font-size: 16px;padding: 8px 25px;letter-spacing: -0.5px;}
#h_smenu_w  ul li a:first-child{padding-top:12px;}
#h_smenu_w  ul li a:hover{background:#38446a}
#h_smenu_w  ul li.active{background:#ff5a00; border-top:1px solid #d14600;}
#h_smenu_w  ul li.active a{color:#fff;}
#h_smenu_w  ul li:nth-child(1){width: 160px;right: 710px;position: absolute;}
#h_smenu_w  ul li:nth-child(2){width: 123px;position:absolute;right: 179px;}
#h_smenu_w  ul li:nth-child(3){width: 124px;position:absolute;right: 55px;}


/*Frame_middle*/
section{min-height:500px;margin-top: 0;}

/*Frame_footer*/
.f_sub_w{position:relative;width:100%;height: 500px;background:url(../img/f_img_bg.jpg) 0 0 no-repeat;margin-top: 40px;float: left;}
.f_cont_w{position:absolute;left:0;top: 150px;width:100%;height: 150px;}
.f_inner{width:1200px;margin:0 auto;margin-top: 52px;position: relative;height: 128px;}
.f_ci{float:left;display:inline-block;margin-top: 2px;}
address{float:left;display:inline-block;width: 70%;font-size: 16px;color: #fff;padding-left: 48px;}
.f_info p:first-child span{display:inline-block; vertical-align:middle; line-height:85%;  margin-bottom:8px;}
.f_info p:first-child span:nth-child(2){border-left: 1px solid #bd3500;margin-left:15px;padding-left:15px;}
/*.f_info p em{ margin-left: 20px;}*/
.f_info p em strong{color: #6c130c;margin: 0 10px;}
.f_info p i{float:left;width:100%;margin-top:17px;font-style:normal;font-size:13px;color: #fff;}
.f_btn_link{font-size:18px;display: inline-block;position: absolute;top: -60px;right: 0;color:#fff;text-align:center;padding-top: 80px;}
.f_btn_link:before{content:'';background:#fff url(../img/f_ico_qa.png) 50% 50% no-repeat;display:block;width: 76px;height: 76px;border-radius:50%;position:absolute;top:0;left:8px;}
/*** common_Frame end ***/


.btn_top{width:50px; height:50px; background:url(../img/ico_top.png) 50% 48% no-repeat; background-color:rgba(255,255,255,0.3); border-radius:50%; border:1px dashed #ff5a00; text-indent:-99999px;z-index:9999; position:fixed; left:calc(50% + 640px); bottom:100px;}