/* form */
input,
label,
select,
button
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    background:none;
    line-height:1;
    font-family:inherit;
}
textarea
{
    margin:0;
    border:0;
    padding:0;
    display:inline-block;
    vertical-align:middle;   
    background:none;
    line-height:1;
    font-family:inherit;
}

/* Input Reset  */
input[type="checkbox"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="radio"]{-webkit-appearance:none; -webkit-border-radius:0; background-color:transparent;}
input[type="file"] {border:0px solid #ccc;padding:2px 5px}
input[type=text] {border-radius: 0px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;-webkit-appearance: none;}

input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color: transparent;}
input:hover {border-radius:0px}
input:focus {outline: none;background-color:#fff;border-color:#3953a4}

/* Mobile Reset */
input::placeholder {color:#666;font-size:13px;font-family: 'Nanum Gothic';}
input:-ms-input-placeholder {color:#666;font-size:13px;font-family: 'Nanum Gothic';}
input::-ms-input-placeholder { color:#666;font-size:13px;font-family: 'Nanum Gothic';}

input::-webkit-input-placeholder {color:#666;font-size:13px;font-family: 'Nanum Gothic';}
input::-moz-placeholder {color:#666;font-size:13px;font-family: 'Nanum Gothic';}

/* Mobile Reset */
*{-webkit-text-size-adjust:none}
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], input[type="number"], textarea{-webkit-appearance:none; -webkit-border-radius:0; }
select{-webkit-border-radius:0}

button {padding:0; margin:0; border:0; vertical-align:middle; background:none; font-family:'Nanum Gothic', Sans-serif, Dotum, "돋움";font-style: normal;cursor:pointer;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}

input[type=checkbox] { display: none;  }
input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:22px;margin-right:15px; font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:middle;}
input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:0px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
input[type=checkbox]:checked + label:before { /* content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); font-size:14px; font-weight:700; */ background:url("/img/i_chkbox_wh.png") 50% 50% no-repeat #5c6065; border:1px solid #5c6065; color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}  

input[type=radio] { display: none;  }
input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:22px;margin-right:15px;  font-size: 13px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;vertical-align:middle;}
input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:0px; border:2px solid #cbcdd3; /*background:#FFF;*/border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
input[type=radio]:checked + label:before { /*체크모양  content: "\25CF"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 18px; font-weight:900; color:#002f7b;line-height:20px;*/ /* color 이동 border:5px solid #55575a; */ text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 

@media all and (max-width:320px) {

input[type=checkbox] + label{font-size: 12px;margin-right:10px; }
input[type=radio] + label{font-size: 12px;margin-right:10px;}

}


input,
textarea
{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

textarea.placeholder-color{color:#666;font-size:13px;font-family: 'Nanum Gothic';}
input.placeholder-color{color:#666;font-size:13px;font-family: 'Nanum Gothic';}
.text-placeholder {color:#666;font-size:13px;font-family: 'Nanum Gothic';}

button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
    font-size:13px;
}

input[type=checkbox],
input[type=radio]
{
    width:16px;
    height:16px;
}
input[type=file]
{

}

input[type=search]
{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
}

::-webkit-search-decoration
{
    display:none;
}

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
    overflow:visible;
    width:auto;
}

::-webkit-file-upload-button
{
    padding:0;
    border:0;
    background:none;
}

textarea
{
    vertical-align:top;

    overflow:auto;
}
select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline-width:0;
    font-size:13px;
}
select::-ms-expand {
    display: none;
}
select[multiple]
{
    vertical-align:top;
}
input[type=text]::-ms-clear {
    display:none;
}
.select{display:inline-flex;align-items: center; height:35px;position:relative;border:1px solid #666;background:#fff;box-sizing:border-box;}
.select:after{content:'';display:block;width:0;height:0;border-top:8px solid #666;border-bottom:8px solid transparent;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;right:5px;top:35%;}
.select select{height:33px;padding:0 5px;box-sizing:border-box;width:100%;line-height:1;cursor: pointer;color:#666;}

.select.sm{height:30px;border:1px solid #666;}
.select.sm select{height:28px;color:#666;}

.input{display:inline-flex;align-items: center;vertical-align:middle;height:35px;border:1px solid #666;background:#fff;box-sizing:border-box;transition: all 0.3s ease-out}
.input input{height:33px;padding:3px 5px;box-sizing:border-box;color:#666;width:100%;}
.input input:focus {outline: none;border-color:#666}

.input_1{display:inline-flex;align-items: center;vertical-align:middle;height:26px;border:1px solid #666;background:#fff;box-sizing:border-box;transition: all 0.3s ease-out}
.input_1 input{height:24px;padding:3px 5px;box-sizing:border-box;color:#666;width:100%;}
.input_1 input:focus {outline: none;border-color:#666}

.input_small{display:inline-flex;align-items: center;vertical-align:middle;height:21px;border:1px solid #666;background:#fff;box-sizing:border-box;transition: all 0.3s ease-out}
.input_small input{height:20px;padding:0px;box-sizing:border-box;color:#666;}
.input_small input:focus {outline: none;border-color:#666}

.textarea textArea{display: inline-block;width:100%;border:1px solid #666;background:#fff; height:100px; padding: 5px;color:#666; font-size: 13px;letter-spacing: -0.03em;line-height:1.4;font-family: 'Nanum Gothic'; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.textarea_1 textArea{display: inline-block;width:100%;border:1px solid #666;background:#fff;padding: 5px;color:#666; font-size: 13px;letter-spacing: -0.03em;line-height:1.4;font-family: 'Nanum Gothic'; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

/* 202111 선박이하 추가 */
.selectbox_sty1{position:relative;display:inline-block;width:100%;vertical-align:middle;}
.selectbox_sty1 select{width:100%;height:35px;padding:0px 30px 0px 10px;border:1px solid #666;background:#fff;color:#666;cursor: pointer;box-sizing:border-box;}
.selectbox_sty1.md select{height:30px;}
.selectbox_sty__arrow{position: absolute;top: 40%;right: 10px;width: 0;height: 0;pointer-events: none;border-style :solid;border-width: 9px 6px 0 6px;border-color: #666 transparent transparent transparent;}

.input_sty1{display:inline-block;vertical-align:middle;background:#fff;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out}
.input_sty1 input{height:35px;border:1px solid #666;padding:0px 10px;box-sizing:border-box;border-radius:0px;width:100%;}
.input_sty1.md input{height:30px;}
.input_sty1 input:focus {outline: none;border-color:#666}
.input_sty1 input:disabled {background:#f1f1f1;}



.input_calendar{position: relative;display:inline-block;vertical-align:middle;background:#fff;border-radius:0px;box-sizing:border-box;transition: all 0.3s ease-out}
.input_calendar input{height:35px;border:1px solid #666;padding:0px 33px 0px 10px;box-sizing:border-box;border-radius:0px;width:100%;background:url(../img/ico_calendar.png) 95% 50% no-repeat #fff;}
.input_calendar.md input{height:30px;}
.input_calendar input:focus {outline: none;background-color: transparent;border-color:#666}
.input_calendar input:disabled {background:#f1f1f1;}
/* .input_calendar .i_calendar{position: absolute;right:0px;border:0;display: inline-block;width:33px; height:33px;background:url(../img/ico_calendar.png) 50% 50% no-repeat;text-indent: -9999px;border-left:1px solid #e5e5e5;} */


/* btn-type -------------------------------------------------------------------*/
.btn-type {display:inline-flex;align-items: center;justify-content: center;position:relative;cursor:pointer;text-transform:uppercase;font-family: 'Nanum Gothic Bold';line-height:1.2;transition:all 0.3s; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.btn1 {height:45px;padding:0px 40px;font-size:16px;}
.btn-type.btn2 {height:30px;padding:0px 15px;font-size:13px;}
.btn-type.btn3 {width:100%;height:50px;font-size:18px;}
.btn-type.btn4 {width:100%;height:30px;font-size:13px;}
.btn-type.btn5 {height:35px;padding:0px 20px;font-size:14px;}
.btn-type.btn6 {width:49%;height:40px;font-size:14px;}
.btn-type.btn7 {width:100%;height:40px;font-size:14px;}
.btn-type.btn8 {width:100%;height:35px;font-size:14px;}
.btn-type.btn9 {width:49%;height:35px;font-size:14px;}
.btn-type.btn10 {width:100%;height:26px;font-size:12px;}
.btn-type.rbtn1 {height:26px;padding:0px 15px;font-size:12px;letter-spacing:-0.03em;border-radius:24px;}
.btn-type.rbtn2 {height:26px;padding:0px 15px;font-size:12px;letter-spacing:-0.03em;}

.btn-type.sbtn {padding:0px 15px; height:26px;font-size:12px;letter-spacing:-0.05em;border-radius:16px;}
.btn-type.sbtn1 {padding:0px 10px; height:24px;font-size:11px;letter-spacing:-0.05em;border-radius:4px;}

.btn-type.black {color:#fff !important;border:1px solid #000;background:#000}
.btn-type.blue {color:#fff !important;border:1px solid #1080bd;background:#1080bd}
.btn-type.dblue {color:#fff !important;border:1px solid #254068;background:#254068}
.btn-type.dgray {color:#fff !important;border:1px solid #55575a;background:#55575a}
.btn-type.gray {color:#fff !important;border:1px solid #8c9299;background:#8c9299}
.btn-type.white{color:#323232 !important;border:1px solid #707070;background:#fff}
.btn-type.red {color:#fff !important;border:1px solid #dc2527;background:#dc2527}
.btn-type.orange {color:#fff !important;border:1px solid #e46c24;background:#e46c24}
.btn-type.yellow {color:#fff !important;border:1px solid #f0a921;background:#f0a921}
.btn-type.green {color:#fff !important;border:1px solid #62aa46;background:#62aa46}
.btn-type.purple {color:#fff !important;border:1px solid #5f2c87;background:#5f2c87}
.btn-type.black_line {color:#262729 !important;border:1px solid #262729;background:#fff}
.btn-type.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.white_line {color:#fff !important;border:1px solid #fff;background-color:transparent; }
/*.btn-type.btn1.main {color:#fff !important;border:1px solid #dc2527;background:#dc2527}
.btn-type.btn1.main_line {color:#dc2527 !important;border:1px solid #dc2527;background:#fff}
*/


.btn-type.btn_ico {height:30px;line-height:28px; padding:0 20px;text-align:center; font-size:14px;letter-spacing:-0.03em;text-transform:uppercase;font-family: 'Nanum Gothic Bold';border-radius:24px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.btn-type.btn_ico.black {color:#fff !important;border:1px solid #262729; background:#262729;}
.btn-type.btn_ico.gray_line {color:#55575a !important;border:1px solid #c9cacd;background:#fff}
.btn-type.btn_ico span{display:inline-block;}
/* color 
.btn-type.btn_ico span.i_more_down{background:url(../img/i_more_down.png) no-repeat right center;padding-right:15px;}
*/

.btn-type.plus_gray{height:24px;line-height:22px;padding:0 10px 0 23px;font-family: 'Nanum Gothic Bold';color:#fff;font-size:12px;letter-spacing:-0.03em;border:1px solid #55575a;background:url(/img/i_plus_wh_s.png) no-repeat 10px center #55575a;border-radius:16px;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btn-type.del{line-height:14px;padding:0 0px 0 20px;font-family: 'Nanum Gothic Bold';color:#55575a;font-size:12px;letter-spacing:-0.03em;border:0px solid #55575a;background:url(/img/l_close.png) no-repeat left center;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.btnajax{width:30px;height:30px;background:url(../img/btn-ajax.png) no-repeat center;background-size:100% 100%;font-size:0;}

.btn-type.search{width:35px; height:35px;background:url(../img/i_search_14.png) no-repeat center #8e9194;background-size:auto 14px;font-size:0;}
.btn-type.search_wh{width:35px; height:35px;background:url(../img/ico_search_s.png) no-repeat center #fff;border:1px solid #dfdfdf; background-size:auto 14px;font-size:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.i_arrow {position: relative; padding-right:12px; text-align: left;}
.i_arrow::after { content: ' ';position: absolute; top: 50%;right: 0px; width: 4px; height: 4px; margin-top: -2px;border: 1px solid #666;border-top: none;border-right: none; transform: rotate(-135deg);}

/* ico-type */
.ico-type {display:inline-block;position:relative;text-align:center;transition:all 0.3s; font-size:0;}
.ico-type.ico1 {height:20px;line-height:18px;padding:0px 5px;font-size:10px;letter-spacing:-0.03em;text-transform:uppercase;font-family: 'Nanum Gothic';border-radius:4px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ico-type.ico1.black {color:#fff !important;border:1px solid #262729;background:#262729}
.ico-type.ico1.green {color:#fff !important;border:1px solid #62aa46;background:#62aa46}
.ico-type.ico1.orange {color:#fff !important;border:1px solid #e46c24;background:#e46c24}
.ico-type.ico1.red {color:#fff !important;border:1px solid #dc2527;background:#dc2527}
.ico-type.ico1.blue {color:#fff !important;border:1px solid #1080bd;background:#1080bd}
.ico-type.ico1.dblue {color:#fff !important;border:1px solid #254068;background:#254068}
.ico-type.ico1.gray {color:#fff !important;border:1px solid #9da3aa;background:#9da3aa}
.ico-type.ico1.gray_line {color:#55575a !important;border:1px solid #c9cacd;background-color:transparent;}

/*
.ico-type.ico1.main_line {color:#dc2527 !important;border:1px solid #dc2527;background-color:transparent;}
*/

.ico-type.ico2 {height:24px;line-height:22px;padding:0px 8px;font-size:12px;letter-spacing:-0.03em;text-transform:uppercase;font-family: 'Nanum Gothic Bold';border-radius:4px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.ico-type.ico2.black {color:#fff !important;border:1px solid #262729;background:#262729}
.ico-type.ico2.green {color:#fff !important;border:1px solid #62aa46;background:#62aa46}
.ico-type.ico2.orange {color:#fff !important;border:1px solid #e46c24;background:#e46c24}
.ico-type.ico2.red {color:#fff !important;border:1px solid #dc2527;background:#dc2527}
.ico-type.ico2.blue {color:#fff !important;border:1px solid #1080bd;background:#1080bd}
.ico-type.ico2.dblue {color:#fff !important;border:1px solid #254068;background:#254068}
.ico-type.ico2.gray {color:#fff !important;border:1px solid #9da3aa;background:#9da3aa}
.ico-type.ico2.gray_line {color:#55575a !important;border:1px solid #c9cacd;background-color:transparent;}

/* pc hover
.btn-type.black:hover {cursor:pointer;background:#fff !important;color:#262729 !important;}
.btn-type.blue:hover {cursor:pointer;background:#fff !important;color:#007dc6 !important;}
.btn-type.dblue:hover {cursor:pointer;background:#fff !important;color:#2e3192 !important;}
.btn-type.dgray:hover {cursor:pointer;background:#fff !important;color:#55575a !important;}
.btn-type.gray:hover {cursor:pointer;background:#fff !important;color:#a0a0a0 !important;}
.btn-type.white:hover {cursor:pointer;background:#707070 !important;color:#fff !important;}
.btn-type.black_line:hover {cursor:pointer;background:#262729 !important;color:#fff !important;}
.btn-type.gray_line:hover {cursor:pointer;background:#c9cacd !important;color:#fff !important;}
.btn-type.white_line:hover {cursor:pointer;background:#262729 !important;color:#fff !important;}
.btn-type.return.black:hover {cursor:pointer;background:#55575a !important;color:#fff !important;}
.btn-type.return.black:hover p{background:url(/img/icon-return.png) no-repeat left center #55575a;}
.btn-type.red:hover {cursor:pointer;background:#fff !important;color:#c4191f !important;}
*/


@media all and (max-width:280px) {
    
    textarea.placeholder-color{font-size:12px;}
    input.placeholder-color{font-size:12px;}
    .text-placeholder {font-size:12px;}
    
    }