@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
body{ background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; font-size:15px; font-weight:400; letter-spacing:-0.04em}
body,input,select,textarea,button,pre {border:none; font-size:15px; font-family: 'Noto Sans KR', sans-serif;  font-weight: 400; color:inherit; line-height:1.2; letter-spacing:-0.04em}
body * { box-sizing: border-box; }
body *::before {box-sizing: border-box;}
body {color:#222428;}
body.fixed{overflow-y: hidden;}
ul,ol,li{list-style:none;}
table{ border-spacing:0; }
img,fieldset{border:0;}
address,cite,code{font-style:normal;font-weight:normal;}
em { font-style:normal; }
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,legend{overflow: hidden; display:block; position:absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{text-decoration:none;}
a {color:inherit;}
button { cursor: pointer; color:inherit; font-weight:300; background-color: transparent;} /* outline: none; */
caption {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
pre{font-size: 16px; letter-spacing: -.8px;}
/* Form */
textarea { border:1px solid rgba(0, 0, 0, 0.25);}
select { padding-left: 12px; height:48px; }
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea,.inp {font-family: 'Noto Sans KR', sans-serif; font-size:15px; color:#333333; border:1px solid #EBEDEE; background-color:#fff; transition: all 0.5s; box-sizing: border-box; vertical-align:middle; }
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=text] {padding:0; padding-left:12px; height: 48px;}
input::-webkit-input-placeholder{color:rgba(36, 46, 71, 0.4); font-size:15px; line-height:100%;}
textarea {padding:12px; resize: none;}
textarea::placeholder {color:rgba(36, 46, 71, 0.4);}

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



input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }



button,select, textarea, input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="email"], input[type="tel"],input[type="submit"] {
	-webkit-border-radius:0;
	border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;	
}

input[disabled] {background:#f7f7f7;}

textarea,
input[type="tel"],
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
select {border:1px solid #dddddd; border-radius:5px; height:34px; font-size:15px; color:#333333;}
select::-ms-expand {display: none;}
select{		
	background: #fff url('../images/icon/icon_sel_arr.png') right 16px center no-repeat !important;

}

textarea:focus,
input:focus {outline-color:#e5a430;}

input::-webkit-input-placeholder {color:#999999;}
input:-moz-placeholder {color:#999999; opacity: 1;}
input::-moz-placeholder {color:#999999; opacity: 1;}
input::-ms-input-placeholder {color:#999999;}
input:-ms-input-placeholder {color:#999999;}
input::input-placeholder {color:#999999;}

textarea {width:100%; height:130px;}
textarea::-webkit-input-placeholder {color:#999999;}
textarea:-moz-placeholder {color:#999999; opacity: 1;}
textarea::-moz-placeholder {color:#999999; opacity: 1;}
textarea::-ms-input-placeholder {color:#999999;}
textarea:-ms-input-placeholder {color:#999999;}
textarea::input-placeholder {color:#999999;}



img {max-width:100%;}


/* 본문 바로가기 */
#skipnavigation a {position:absolute;left:-3000%;}
#skipnavigation a:focus {display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#3290ff;color:#fff;text-align:center;}

.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}



/* 인풋 스타일 */
.input_date {width:250px; background:url('../images/icon/icon_calendar.png') no-repeat right 12px center; background-size:20px auto;}

.checkbox {display:inline-block; position:relative; padding:5px 0; text-align:left; line-height:20px; cursor:pointer;}
.checkbox input {position:absolute; left:0px; top:50%; width:15px; height:15px; margin-top:-7px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0;cursor:pointer;}
.checkbox label {display:inline-block; position:relative; padding-left:24px; font-size:15px; color:#333333; cursor:pointer;}
.checkbox label::before {position:absolute; top:50%; left:0px; width:15px; height:15px; margin-top:-7px; border:1px solid #dddddd; background:#fff; content:'';}
.checkbox input:checked + label:before {border-color:#333333; background:url('../images/icon/icon_checkbox.png') no-repeat center;}
.checkbox.t_none label {padding:0; width:15px;}
.checkbox.type02 label {padding-left:13px; padding-right:24px;}
.checkbox.type02 label::after {position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background:#b7b7b7; content:'';}
.checkbox.type02 label::before {left:auto; right:0;}


.checkbox_s {display:block; position:relative; text-align:left; line-height:32px; cursor:pointer;}
.checkbox_s input {position:absolute; left:14px; top:50%; width:13px; height:13px; margin-top:-6px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0;cursor:pointer;}
.checkbox_s label {display:block; position:relative; padding-left:33px; font-size:15px; color:#333333; cursor:pointer; background:#fff; transition:all 0.4s;}
.checkbox_s label:hover {background:#f5f5f5;}
.checkbox_s label::before {position:absolute; top:50%; left:14px; width:13px; height:13px; margin-top:-6px; border:1px solid #dddddd; background:no-repeat center #fff; content:'';}
.checkbox_s input:checked + label:before {border-color:#e5a430; background-image:url('../images/icon/icon_map_chk_on.png');}


.radio {display:inline-block; margin-right:15px; padding:5px 0; position:relative; text-align:left; line-height:20px; cursor:pointer;}
.radio input {position:absolute; left:0; top:50%; width:15px; height:15px; margin-top:-7px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0; cursor:pointer;}
.radio label {display:inline-block; position:relative; padding-left:24px; font-size:15px; color:#212836; cursor:pointer;}
.radio label::before {position:absolute; top:50%; left:0; width:15px; height:15px; margin-top:-7px; border-radius:100%; border:1px solid #dfdfdf; background:#fff; content:'';}
.radio input:checked + label::before {border-color:#333333;}
.radio input:checked + label:after {position:absolute; top:50%; left:3px; width:9px; height:9px; margin-top:-4px; border-radius:100%; background: #333333; content:'';}


/* select 타입 */
.sel02 {height:34px; border:1px solid #dddddd; border-radius:3px; background:url('../images/icon/icon_sel_arr02.png') no-repeat right 15px center #fff !important;}

/* input 타입 */
input.input02 {height:34px; border:1px solid #dddddd; border-radius:3px;}



.fileupload {position:relative; width:400px; margin-right:10px; padding-right:89px;}
.fileupload .upload_name {display:block; position:relative; width:100% !important; height:34px; border:1px solid #dddddd !important; border-radius:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fileupload label span {position:absolute; top:0px; right:0px; width:90px; height:34px; border:1px solid #767676; font-size:15px; line-height:34px; text-align:center; background:#efefef;}



.multi_upload {overflow:hidden; position:relative; width:400px; margin-right:10px;}
.multi_upload input[type='file'] {position:relative; z-index:2; width:100%; height:34px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0;cursor:pointer;}
.multi_upload .input_b {position:absolute; top:0; left:0; width:100%; border:1px solid #dddddd; height:34px;}
.multi_upload .input_b span {position:absolute; top:-1px; right:-1px; width:90px; height:34px; border:1px solid #767676; font-size:15px; color:#333; line-height:32px; text-align:center; background:#efefef; content:'';}
.multi_upload .fileList li {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position:relative; margin-top:10px; padding:15px; padding-right:60px; background:#f7f7f7;}
.multi_upload .preview {max-width:80px !important; height:auto !important; max-width:80px !important; margin-right:10px;}
.multi_upload .fileList strong {overflow:hidden; min-width:0; white-space:nowrap; text-overflow:ellipsis; font-size:13px; line-height:2; color:#333333;}
.multi_upload .removeFile {overflow:hidden; position:absolute; top:50%; right:10px; width:30px; height:30px; margin-top:-15px; text-indent:-999px; background:url('../images/icon/icon_del.png') no-repeat center;}
/*
.MultiFile-list {font-size:0;}
.MultiFile-list > .MultiFile-label {position:relative; margin-top:10px; padding:15px; padding-right:60px; background:#f7f7f7;}
.MultiFile-list > .MultiFile-label .MultiFile-remove {}
.MultiFile-list .MultiFile-label .MultiFile-label {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.MultiFile-list .MultiFile-preview {-ms-flex-order: 1; order: 1; max-width:80px !important; height:auto !important; max-width:80px !important; margin-right:10px;}
.MultiFile-list .MultiFile-title {-ms-flex-order: 2; order: 2; overflow:hidden; min-width:0; white-space:nowrap; text-overflow:ellipsis; font-size:13px; line-height:2; color:#333333;}
*/
/*
{}
.fileupload {overflow:hidden; width:340px; margin-right:10px;}
.fileupload label {display:block; position:relative; border:1px solid #dddddd; height:34px;}
.fileupload label span {position:absolute; top:-1px; right:-1px; width:90px; height:34px; border:1px solid #767676; font-size:15px; line-height:34px; text-align:center; background:#efefef;}



.fileupload label {display:block; position:relative; border:1px solid #dddddd; height:34px;}
.fileupload label span {position:absolute; top:-1px; right:-1px; width:90px; height:34px; border:1px solid #767676; font-size:15px; line-height:34px; text-align:center; background:#efefef;}
*/


/*
.filebox {position:relative; height:32px; padding-left:85px;}
.filebox .ubtn {position:absolute; top:0; left:0; width:80px;}
.filebox .upload_name {display:block; border:0; width:100%; height:32px; padding-left:12px; border:1px solid #e2e2e2; border-radius:4px; line-height:30px;}
.filebox .upload_name {display:none;}
*/


/* common */

/* text 말줄임표 */
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

/* 정렬방식 */
.left { float: left; }
.right { float: right; }

/* text-align */
.text_left { text-align: left !important; }
.text_center { text-align: center !important; }
.text_right { text-align: right !important; }
.verMiddle {position: relative; top:50%; transform: translateY(-50%);}

/* display */
.dis_inblock { display: inline-block; }
.dis_block { display: block; }
.dis_flex {display: -ms-flexbox!important; display: flex!important;}

/* vertical */
.ver_mid { vertical-align: middle; }
.ver_top { vertical-align: text-top; }

/* 가로사이즈 */


/* margin, padding */
.mt_t01 {margin-top:20px;}
.mt_30 {margin-top:30px;}
.section_mt {margin-top:40px;}



/* 버튼 스타일 */


/* 폰트컬러 */
.fc_default {color:#222428 !important;}
.fc_wine {color:#b72755 !important}
.fc_red {color:#D82744 !important}
.fc_blue {color:#0087E6 !important}
.fc_gray01 {color:#4C4E54 !important}
/* background-color */

.border_blue {border-color:#0087E6 !important;}

/* 배경색 */
.bg_sky {background:#00B2EB !important;}
.bg_teal {background:#00C696 !important;}
.bg_green {background:#8ACB00 !important;}
.bg_blue {background:#004494 !important}

/* font weight */
.fw_500 {font-weight:500;}
strong {font-weight:500;}


.h_100 {height:100%;}
.w_100 {width:100%;}

.line_height01 {line-height:1.4;}
.line_height02 {line-height:1.6;}
.underline {text-decoration:underline;}




/* 스크롤 스타일 */
.scroll { overflow: auto; }
.scroll::-webkit-scrollbar { width: 6px; height: 6px;}
.scroll::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 100px; }
.scroll::-webkit-scrollbar-track { background-color: #e5e5e5; border-radius: 100px; background-clip: padding-box; border: 3px solid transparent; }




#header {position:fixed; top:0; left:0; z-index:1000; width:100%; height:93px; border-bottom:2px solid #e5a430; background:#fff;}
#header .inwrap {position:relative; width:1200px; margin:auto;}
#header h1 {position:absolute; top:0; left:0;}
/*#header h1 a {display:block; width:145px; height:91px; background:url('../images/common/t_logo.png') no-repeat center;}*/
/*#header h1 a {display:block; width:180px; height:90px; background:url('../images/common/logo.png') center center/contain no-repeat;}*/
#header h1 a {display:block; width:180px; height:90px; background:url('../images/common/t_logo2.png') center center/contain no-repeat;}
#header .gnb_list {margin-left:220px;}
#header .gnb_list > li {float:left; position:relative; padding:25px 6px;}
#header .gnb_list > li::after {position:absolute; left:50%; right:50%; bottom:0; height:3px; background:#e5a430; opacity:0; transition:all 0.4s; content:'';}
#header .gnb_list > li > a {display:block; font-size:17px; color:#272727; line-height:42px; font-weight:500; transition:color 0.4s;}
#header .gnb_list > li.on::after {left:3px; right:3px; opacity:1; content:'';}
#header .gnb_list > li.on > a {color:#e5a430;}
#header .gnb_list .sub {display:none; position:absolute; top:93px; left:50%; width:170px; margin-left:-85px; border-radius:0 0 18px 18px; text-align:center; background:#e5a430;}
#header .gnb_list .sub .tit {font-size:17px; color:#272727; line-height:51px; font-weight:700; background:#fcf5e4;}
#header .gnb_list .sub ul {padding:10px;}
#header .gnb_list .sub a {display:block; font-weight:500; font-size:16px; color:#fff; line-height:35px;}
.total_search {position:absolute; top:26px; right:165px;}
.total_search input[type="text"] {width:245px; height:40px; padding:0 20px; border:1px solid #ece2cc; border-radius:20px; font-size:15px; font-weight:400; background:#fcf5e4;}
.total_search input[type="text"]::focus {border-color:#e5a430;}
.total_search input[type="submit"] {overflow:hidden; position:absolute; top:0; right:18px; width:24px; height:100%; text-indent:-999px; background:url('../images/common/icon_search.png') no-repeat center;}

.total_search input[type="text"]::-webkit-input-placeholder {color:#414141;}
.total_search input[type="text"]:-moz-placeholder {color:#414141; opacity: 1;}
.total_search input[type="text"]::-moz-placeholder {color:#414141; opacity: 1;}
.total_search input[type="text"]::-ms-input-placeholder {color:#414141;}
.total_search input[type="text"]:-ms-input-placeholder {color:#414141;}
.total_search input[type="text"]::input-placeholder {color:#414141;}



.top_util {display: -ms-flexbox; display: flex; position:absolute; top:26px; right:0; text-align:center;}
.top_util > li {float:left; position:relative; width:75px;}
.top_util > li+li::before {position:absolute; top:0; left:0; width:1px; height:40px; background:#d9d9d9; content:'';}
.top_util > li > a {display:block; padding-bottom:20px; font-size:15px; color:#272727; line-height:1; font-weight:500;}
.top_util > li > a::before {display:block; height:18px; margin-bottom:7px; background:no-repeat center; content:'';}
.top_util > li > a.login::before {background-image:url('../images/common/icon_login.png');}
.top_util > li > a.help::before {background-image:url('../images/common/icon_q.png');}
.top_util > li > a.myinfo::before {background-image:url('../images/common/icon_user.png');}
.top_util > li:hover .info_menu {display:block;}

.info_menu {display:none; position:absolute; top:50px; left:50%; width:160px; padding:15px 18px; margin-left:-80px; border:1px solid #d9d9d9; border-radius:8px; background:#fff;}
.info_menu a {display:block; padding-left:24px; font-size:15px; color:#414141; text-align:left; line-height:30px; background:url('../images/common/icon_info_menu.png') no-repeat 0 1px; transition:all 0.4s;}
.info_menu a:hover {color:#e5a430;}
.info_menu a.s02 {background-position:0 -30px;}
.info_menu a.s03 {background-position:0 -60px;}
.info_menu a.s04 {background-position:0 -90px;}
.info_menu a.s05 {background-position:0 -120px;}

#main {margin:93px 0 0px; padding-bottom:100px;}

#footer .fmenu {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:15px; text-align:center; background:#f7f7f7;}
#footer .fmenu li {display:inline-block; padding:0 13px; font-size:15px; color:#666666; line-height:35px;}
#footer .fmenu li.on {color:#ffa700;}
#footer .fcont {position:relative; width:1200px; margin:35px auto 55px; padding-left:335px; font-size:15px; line-height:25px; color:#666666;}
#footer .fcont h2 {position:absolute; top:0; left:60px; width:199px; height:39px; background:url('../images/common/b_logo.png') no-repeat center;}
#footer .fcont .space {display:inline-block; width:15px;}
#footer .copyright {margin-top:10px; letter-spacing:0;}