html,body{margin:0;padding:0;}

html,body,table,th,td,input,select,textarea,button{font-family:'NanumGothic', 'Arial', sans-serif; color:#454545; font-size:15px;}

img{margin:0;padding:0;border:none;vertical-align:top;max-width:100%;}

a{color: #666;text-decoration: none;}
a:hover{text-decoration:none;}

ul{list-style:none;margin:0;padding:0;}
ol{margin:0 0 0 -20px;}
dl,dt,dd{margin:0;padding:0;}

table{border-spacing:0;border-collapse:collapse;}
table caption{width:0;height:0;overflow:hidden;}
table,th,td{margin:0;padding:0;line-height:1.5em;border:none;}

form, fieldset, legend{margin:0;padding:0;border:0;}
fieldset legend{width:0;height:0;overflow:hidden;}

input{vertical-align:middle;box-sizing:border-box;}

input[type="text"]{border:1px solid #ccc;height:40px;line-height:38px;padding:0 0 0 10px; }
input[type="password"]{border:1px solid #ccc;height:40px;line-height:38px;padding:0 0 0 10px;}
input[type="file"]{height:40px;}
input[type="submit"]{cursor:pointer;border:none;}
input[type="button"]{cursor:pointer;border:none;}
input[type="radio"],input[type="checkbox"]{width:16px; height:16px;}

select{vertical-align:middle; border:1px solid #ccc; height:40px; box-sizing:border-box; appearance: none; -webkit-appearance:none; background:#fff url(/goms/img/content/select_arr.png) right center / 20px 12px no-repeat; padding:0 20px 0 5px; cursor:pointer;}
select::-ms-expand {display: none;}

textarea{border:1px solid #ccc;padding:20px;vertical-align:middle;box-sizing:border-box;}
button{margin:0;padding:0;border:none;background:none;cursor:pointer; }

input.datepicker{background:#fff url(/goms/img/content/input_datepicker.png) right center / 39px 38px no-repeat; padding-right:40px;}

.inputSearch{position:relative; display:inline-block; vertical-align:middle; border:1px solid #ccc; box-sizing:border-box;}
.inputSearch:after{display:block; content:''; clear:both;}
.inputSearch input[type="text"]{width:calc(100% - 40px); border:none; height:38px; float:left;}
.inputSearch .btn-search{width:38px; height:38px; text-align:left; text-indent:-999px; overflow:hidden; background:#fff url(/img/content/input_search.png) right center / 39px 38px no-repeat; border-left:1px solid #ccc; float:left;}

/*
input[readonly],
textarea[readonly]{background:#f5f5f5;}
*/
input.readonly,
textarea.readonly{background:#f5f5f5;}

.type-radio{line-height:40px;}
.type-radio li{display:inline; margin-right:10px; white-space:nowrap;}
.radio-type{line-height:40px;}
.radio-type li{display:inline; margin-right:10px; white-space:nowrap;}
.checkbox-type{line-height:40px;}
.checkbox-type li{display:inline; margin-right:10px; white-space:nowrap;}

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

    table,th,td{font-size:12px;}

}

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

    html,body,table,th,td,input,select,textarea,button{font-size:14px;}

    input{font-size:13px;}
    input[type="text"]{height:30px;line-height:28px;padding:0 0 0 5px;}
    input[type="password"]{height:30px;line-height:28px;padding:0 0 0 5px;}
    input[type="file"]{height:30px;}
    select{font-size:13px;height:30px;padding:0 25px 0 5px;}
    textarea{font-size:13px; padding:10px;}

    .inputSearch input[type="text"]{width:calc(100% - 30px); height:28px;}
    .inputSearch .btn-search{width:28px; height:28px; background-size:29px 28px;}

    .radio-type{line-height:30px;}
    .checkbox-type{line-height:30px;}

}

h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0;font-weight:normal;font-size:1em;}

em,small{font-style:normal;}
p{margin:0px;padding:0px;}
strong{font-weight:600;}
b{font-weight:600;}

iframe{margin:0;padding:0;border:none;}

hr{display:none;}


/* id6~ ie8 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}


/* hidden */
.hide{position:absolute;left:-9999em;top:-9999em;}
.accessibility{position:absolute;left:-9999em;top:-9999em;}

.labelHide{text-align:left; position:relative; width:20px; height:16px; line-height:16px; display:inline-block; overflow:hidden;}
.labelHide input{}

/* float */
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.inline{display:inline;}
.block{display:block;}

/* text-style */
.aleft{text-align:left !important}
.acenter{text-align:center !important}
.aright{text-align:right !important}
.vtop{vertical-align:top !important}
.vmiddle{vertical-align:middle !important}
.justify{text-align:justify}
.break{word-break:break-all;}

.underline{text-decoration:underline}
.bold{font-weight:600;}
.normal{font-weight:normal;}

.txt-orange{color:#f1543a;}
.txt-blue{color:#307fa5;}
.txt-red{color:#bb1203;}
.txt-gold{color:#8e5b00;}
.txt-brown{color:#a02d00;}
.txt-yellow{color:#fffd62;}

.fsize12 {font-size:12px !important}
.fsize13 {font-size:13px !important}
.fsize14 {font-size:14px !important}
.fsize15 {font-size:15px !important}
.fsize16 {font-size:16px !important}
.fsize17 {font-size:17px !important}
.fsize18 {font-size:18px !important}
.fsize20 {font-size:20px !important}
.fsize22 {font-size:22px !important}
.fsize24 {font-size:24px !important}

/* abbr{font-family:dotum;} */

/* width */
.w10px{width:10px;} .w20px{width:20px;} .w30px{width:30px;} .w40px{width:40px;} .w50px{width:50px;} .w60px{width:60px;} .w70px{width:70px;} .w80px{width:80px;} .w90px{width:90px;} .w100px{width:100px;}
.w110px{width:110px;} .w120px{width:120px;} .w130px{width:130px;} .w140px{width:140px;} .w150px{width:150px;} .w160px{width:160px;} .w170px{width:170px;} .w180px{width:180px;} .w190px{width:190px;} .w200px{width:200px;}
.w210px{width:210px;} .w220px{width:220px;} .w230px{width:230px;} .w240px{width:240px;} .w250px{width:250px;} .w260px{width:260px;} .w270px{width:270px;} .w280px{width:280px;} .w290px{width:290px;} .w300px{width:300px;}
.w310px{width:310px;} .w320px{width:320px;} .w330px{width:330px;} .w340px{width:340px;} .w350px{width:350px;} .w360px{width:360px;} .w370px{width:370px;} .w380px{width:380px;} .w390px{width:390px;} .w400px{width:400px;}
.w410px{width:410px;} .w420px{width:420px;} .w430px{width:430px;} .w440px{width:440px;} .w450px{width:450px;} .w460px{width:460px;} .w470px{width:470px;} .w480px{width:480px;} .w490px{width:490px;} .w500px{width:500px;}

.w1{width:1%} .w2{width:2%} .w3{width:3%} .w4{width:4%} .w5{width:5%} .w6{width:6%} .w7{width:7%} .w8{width:8%} .w9{width:9%} .w10{width:10%}
.w11{width:11%} .w12{width:12%} .w13{width:13%} .w14{width:14%} .w15{width:15%} .w16{width:16%} .w17{width:17%} .w18{width:18%} .w19{width:19%} .w20{width:20%}
.w21{width:21%} .w22{width:22%} .w23{width:23%} .w24{width:24%} .w25{width:25%} .w26{width:26%} .w27{width:27%} .w28{width:28%} .w29{width:29%} .w30{width:30%}
.w31{width:31%} .w32{width:32%} .w33{width:33%} .w34{width:34%} .w35{width:35%} .w36{width:36%} .w37{width:37%} .w38{width:38%} .w39{width:39%} .w40{width:40%}
.w41{width:41%} .w42{width:42%} .w43{width:43%} .w44{width:44%} .w45{width:45%} .w46{width:46%} .w47{width:47%} .w48{width:48%} .w49{width:49%} .w50{width:50%}
.w51{width:51%} .w52{width:52%} .w53{width:53%} .w54{width:54%} .w55{width:55%} .w56{width:56%} .w57{width:57%} .w58{width:58%} .w59{width:59%} .w60{width:60%}
.w61{width:61%} .w62{width:62%} .w63{width:63%} .w64{width:64%} .w65{width:65%} .w66{width:66%} .w67{width:67%} .w68{width:68%} .w69{width:69%} .w70{width:70%}
.w71{width:71%} .w72{width:72%} .w73{width:73%} .w74{width:74%} .w75{width:75%} .w76{width:76%} .w77{width:77%} .w78{width:78%} .w79{width:79%} .w80{width:80%}
.w81{width:81%} .w82{width:82%} .w83{width:83%} .w84{width:84%} .w85{width:85%} .w86{width:86%} .w87{width:87%} .w88{width:88%}
.w89{width:89%} .w90{width:90%}
.w91{width:91%} .w92{width:92%} .w93{width:93%} .w94{width:94%} .w95{width:95%} .w96{width:96%} .w97{width:97%} .w98{width:98%} .w99{width:99%} .w100{width:100%}

/* height */
.h10px{height:10px;} .h20px{height:20px;} .h30px{height:30px;} .h40px{height:40px;} .h50px{height:50px;} .h60px{height:60px;} .h70px{height:70px;} .h80px{height:80px;} .h90px{height:90px;} .h100px{height:100px;}
.h110px{height:110px;} .h120px{height:120px;} .h130px{height:130px;} .h140px{height:140px;} .h150px{height:150px;} .h160px{height:160px;} .h170px{height:170px;} .h180px{height:180px;} .h190px{height:190px;} .h200px{height:200px;}
.h210px{height:210px;} .h220px{height:220px;} .h230px{height:230px;} .h240px{height:240px;} .h250px{height:250px;} .h260px{height:260px;} .h270px{height:270px;} .h280px{height:280px;} .h290px{height:290px;} .h300px{height:300px;}
.h310px{height:310px;} .h320px{height:320px;} .h330px{height:330px;} .h340px{height:340px;} .h350px{height:350px;} .h360px{height:360px;} .h370px{height:370px;} .h380px{height:380px;} .h390px{height:390px;} .h400px{height:400px;}
.h410px{height:410px;} .h420px{height:420px;} .h430px{height:430px;} .h440px{height:440px;} .h450px{height:450px;} .h460px{height:460px;} .h470px{height:470px;} .h480px{height:480px;} .h490px{height:490px;} .h500px{height:500px;}

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

    .m-w1{width:1%} .m-w2{width:2%} .m-w3{width:3%} .m-w4{width:4%} .m-w5{width:5%} .m-w6{width:6%} .m-w7{width:7%} .m-w8{width:8%} .m-w9{width:9%} .m-w10{width:10%}
    .m-w11{width:11%} .m-w12{width:12%} .m-w13{width:13%} .m-w14{width:14%} .m-w15{width:15%} .m-w16{width:16%} .m-w17{width:17%} .m-w18{width:18%} .m-w19{width:19%} .m-w20{width:20%}
    .m-w21{width:21%} .m-w22{width:22%} .m-w23{width:23%} .m-w24{width:24%} .m-w25{width:25%} .m-w26{width:26%} .m-w27{width:27%} .m-w28{width:28%} .m-w29{width:29%} .m-w30{width:30%}
    .m-w31{width:31%} .m-w32{width:32%} .m-w33{width:33%} .m-w34{width:34%} .m-w35{width:35%} .m-w36{width:36%} .m-w37{width:37%} .m-w38{width:38%} .m-w39{width:39%} .m-w40{width:40%}
    .m-w41{width:41%} .m-w42{width:42%} .m-w43{width:43%} .m-w44{width:44%} .m-w45{width:45%} .m-w46{width:46%} .m-w47{width:47%} .m-w48{width:48%} .m-w49{width:49%} .m-w50{width:50%}
    .m-w51{width:51%} .m-w52{width:52%} .m-w53{width:53%} .m-w54{width:54%} .m-w55{width:55%} .m-w56{width:56%} .m-w57{width:57%} .m-w58{width:58%} .m-w59{width:59%} .m-w60{width:60%}
    .m-w61{width:61%} .m-w62{width:62%} .m-w63{width:63%} .m-w64{width:64%} .m-w65{width:65%} .m-w66{width:66%} .m-w67{width:67%} .m-w68{width:68%} .m-w69{width:69%} .m-w70{width:70%}
    .m-w71{width:71%} .m-w72{width:72%} .m-w73{width:73%} .m-w74{width:74%} .m-w75{width:75%} .m-w76{width:76%} .m-w77{width:77%} .m-w78{width:78%} .m-w79{width:79%} .m-w80{width:80%}
    .m-w81{width:81%} .m-w82{width:82%} .m-w83{width:83%} .m-w84{width:84%} .m-w85{width:85%} .m-w86{width:86%} .m-w87{width:87%} .m-w88{width:88%} .m-w89{width:89%} .m-w90{width:90%}
    .m-w91{width:91%} .m-w92{width:92%} .m-w93{width:93%} .m-w94{width:94%} .m-w95{width:95%} .m-w96{width:96%} .m-w97{width:97%} .m-w98{width:98%} .m-w99{width:99%} .m-w100{width:100%}

    .m-w30px{width:30px;}.m-w40px{width:40px;}.m-w50px{width:50px;}.m-w60px{width:60px;}.m-w70px{width:70px;}.m-w80px{width:80px;}.m-w90px{width:90px;}.m-w100px{width:100px;}
    .m-w600px{width:600px;} .m-w700px{width:700px;} .m-w800px{width:800px;} .m-w900px{width:900px;} .m-w1000px{width:1000px;}
    .m-h100px{height:100px;} .m-h120px{height:120px;} .m-h150px{height:150px;} .m-h170px{height:170px;} .m-h200px{height:200px;}

}

/* margin, padding */
.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt15{padding-top:15px !important}
.pdt20{padding-top:20px !important}
.pdt25{padding-top:25px !important}
.pdt30{padding-top:30px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb15{padding-bottom:15px !important}
.pdb20{padding-bottom:15px !important}
.pdb25{padding-bottom:25px !important}
.pdb30{padding-bottom:30px !important}

.pdl5{padding-left:5px !important}
.pdl10{padding-left:10px !important}
.pdl15{padding-left:15px !important}
.pdl20{padding-left:20px !important}
.pdl25{padding-left:25px !important}
.pdl30{padding-left:30px !important}

.pdr10{padding-right:10px !important}
.pdr15{padding-right:15px !important}
.pdr20{padding-right:20px !important}
.pdr25{padding-right:25px !important}
.pdr30{padding-right:30px !important}

.mgl5{margin-left:5px !important}
.mgl10{margin-left:10px !important}
.mgl13{margin-left:13px !important}
.mgl15{margin-left:15px !important}
.mgl20{margin-left:20px !important}
.mgl25{margin-left:25px !important}
.mgl30{margin-left:30px !important}
.mgl40{margin-left:40px !important}

.mgr5{margin-right:5px !important}
.mgr10{margin-right:10px !important}
.mgr15{margin-right:15px !important}
.mgr20{margin-right:20px !important}
.mgr25{margin-right:25px !important}
.mgr30{margin-right:30px !important}
.mgr40{margin-right:30px !important}

.mgb5{margin-bottom:5px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb25{margin-bottom:25px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:30px !important}

.mgt5{margin-top:5px !important}
.mgt7{margin-top:7px !important}
.mgt9{margin-top:9px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt25{margin-top:25px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:30px !important}


/* nanumgothic ********************************************************** */
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 400;
    src: url(./font/NanumGothic-Regular.eot);
    src: url(./font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-Regular.woff) format('woff'),
    url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'NanumGothic-L';
    font-style: normal;
    font-weight: 100;
    src: url(./font/NanumGothic-Light.eot);
    src: url(./font/NanumGothic-Light.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-Light.woff) format('woff');
}
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 600;
    src: url(./font/NanumGothic-Bold.eot);
    src: url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
    url(./font/NanumGothic-Bold.woff) format('woff'),
    url(./font/NanumGothic-Bold.ttf) format('truetype');
}

 /* NotoSans ********************************************************** */
@font-face{
font-family:'NotoSans-R';
font-weight:100;
src: url(./font/NotoSans-Light.eot);
src: url(./font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
     url(./font/NotoSans-Light.woff) format('woff');
}
@font-face{
font-family:'NotoSans-R';
font-weight:400;
src: url(./font/NotoSans-Regular.eot);
src: url(./font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
     url(./font/NotoSans-Regular.woff) format('woff');
}
@font-face{
font-family:'NotoSans-R';
font-weight:600;
src: url(./font/NotoSans-Medium.eot);
src: url(./font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
     url(./font/NotoSans-Medium.woff) format('woff');
}
@font-face{
font-family:'NotoSans-R';
font-weight:900;
src: url(./font/NotoSans-Bold.eot);
src: url(./font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
     url(./font/NotoSans-Bold.woff) format('woff');
}