@charset "utf-8";
/* 공통 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*body, input[type=text], textarea{font:300 15px 'Noto Sans KR', 'Malgun Gothic', Dotum, Arial, Helvetica, sans-serif; color:#333; letter-spacing:-0.025em; min-width:320px;/*max-width:800px;*/}
/*body, html, p, div, ul, li , h1, h2, h3, h4, h5, h6, span,br, dl, dt, dd{padding:0; margin:0;}
h1, h2, h3, h4, h5{font-weight:400;}
a{text-decoration:none; color:#252525}
a, img{border:none; vertical-align:middle;}
ul, li{list-style:none;}
img{max-width:100%;}

input[type=text]{min-width:auto;}
.center_wrap{ max-width:1500px; margin:0 auto; position:relative;width: 100%;}
input[type=text],
input[type=password]{border:1px solid #e7e7e7; height:50px;line-height:48px; padding:0 10px; box-sizing:border-box; vertical-align:middle;outline:none;margin-bottom:10px;width:290px;}
select{border:1px solid #e7e7e7; height:50px;line-height:48px; padding:0 10px; box-sizing:border-box; vertical-align:middle;outline:none;margin-bottom:10px;width:130px;font-size:18px;font-weight:500;}
input[type=button]{vertical-align:middle;cursor:pointer;outline:none}
input::placeholder {color:#ccc}
table{border-collapse:collapse; width:100%;}
textarea{width:100%; padding:10px; box-sizing:border-box; border:1px solid #ccc;border-radius:5px;min-height:100px;}
input[type=file]{width:100%; height:35px;}
	#head .btn_search { display:none;}*/
/*삽입*/
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Noto Sans KR', -apple-system,Arial, sans-serif; 
        -webkit-tap-highlight-color: transparent; letter-spacing: -0.25px;
    }
    html, body, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
    abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, 
    strike, strong, sub, sup, tt, var, b, u, i, ul, ol, li, dl, dt, dd, table, caption,
    tbody, tfoot, thead, tr, th, td, fieldset, fo7m, label, legend, input, button, textarea, select 
    {margin:0; padding: 0; }
    html, body { margin: 0; padding: 0; height: 100%;}

    body { background-color: #fff; margin: 0; height: auto; font-size: 14px; min-height: 100vh;min-width:320px;}
    input, select, textarea { border: 1px solid #eee; height: 40px; padding: 5px 15px; /*font-family:"Droid Sans";*/ outline: none; font-size: 1em; }
    textarea { resize: none; }
    input:focus, select:focus, textarea:focus { border-color: #333; }
    input::placeholder,
    textarea::placeholder { color: #cccccc; }
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(/STATIC/img/icon/select_down.png);
        background-position: right 20px center;
        background-repeat: no-repeat;
        padding-right: 50px;
   }
    select::-ms-expand {
        display: none;
    }
    input[type="text"] {width:100%;}
    /*input[name="title"] {font-size: 21px; font-weight: 800; text-align: center;}*/
	input[name="title"] {font-size: 21px;}
    input[type="password" i] { font-family:"Droid Sans"; }
    input:disabled {
        color: #797979;
    }

    em { font-style: inherit; }
    ul { list-style: none; }
    a { text-decoration: none; color: #000; }
    i { font-style: inherit; }
    button { font-weight: 700; font-size: 1.1em; }
    button:focus { }
    h3 { font-size: 24px; font-weight: 700; }

    .center_wrap{ max-width:1700px; margin:0 auto; position:relative;width: 100%;}



img{max-width:100%;}
/*삽입 끝*/


input[type=text],
input[type=password]{border:1px solid #d3d8dc; height:44px;line-height:44px; padding:0 10px; box-sizing:border-box; vertical-align:middle;outline:none;margin-bottom:10px;width:100%;border-radius:5px;}
select{border:1px solid #ccc; height:40px;line-height:44px; padding:0 10px; box-sizing:border-box; vertical-align:middle;outline:none;margin-bottom:10px;width:100%;font-size:14px;font-weight:500;border-radius:5px;background:none;background:}



	/*head*/
	#header a{color:#2f2f2f;}
	#headerer_fix{position: fixed;width: 100%;height: 50px;line-height: 50px;background: #fff;z-index: 2;top: 0;left: 0;text-align: center;box-shadow:}
	#headerer_fix h1 img{width:120px;margin-bottom:10px;}
	#headerer_fix > img {position: absolute;right: 14px;top: 22px;width:22px;margin-bottom:10px;}

	#header .logo{float:left; margin:11px 0; font-size:0; line-height:0;}
	
	#header .logo .mobile,
	#header .btn_bar,
	#header .btn_home,
	.gnb_wrap .bg,
	#gnb .logo{display:none;}
	


	#gnb{float:left; margin-left:120px;}
	#gnb > .depth1 > li {float:left; text-align:center; position:relative;}
	#gnb > .depth1 > li > a{min-width:165px; margin:0 0; display:block; font-size:24px; padding:25px 0; position:relative;font-weight:bold;}
	#gnb > .depth1 > li.active > a:after{content:''; display:block; background:#00c6ff; width:100%; height:3px; position:absolute; bottom:-3px; z-index:998;}
	#gnb > .depth1 > li > .depth2{position:absolute; width:100%; background:rgba(255,255,255,.9); top:79px; border-top:3px solid #00c6ff; padding:15px 0 5px; display:none; z-index:998;}
	#gnb > .depth1 > li > .depth2 li{margin-bottom:10px;}
	#gnb > .depth1 > li > .depth2 a{color:#000; font-size:16px; text-align:center; display:block;}
	#gnb > .depth1 > li  .depth3 { display:none;}
	#gnb_mobile{display:none;}
	
	#header:after { content:'';display:block;clear:both}



	#header{position:relative; height:50px;}
	
	#header > .center_wrap{position:static;padding:10px 4%;}
	#header .btn_bar{float:right; margin-top:7px;}
	#header .btn_bar img{width:27px;}
	#header .btn_search{float:right; margin-top:15px;}
	#header .btn_search img{width:30px;}
	#header .gnb_wrap { height:40px;}
	#header .gnb_wrap > .logo{position:absolute; left:50%; margin-left:-41px; margin-top:0;}
	#header .logo .pc{display:none;}	
	#header .logo .mobile{width:120px;padding-top:7px;}
	#header h1 { display:block;background:#fff;font-size:1.3em;}
	
	#site_map{display:none;}
	
.top-menu { display:table;width:100%;border-bottom:10px solid #efefef;background:#fff;}
.top-menu a { display:table-cell;width:25%;text-align:center;padding:10px 0;font-size:14px;color:#626262;}
.top-menu a img { display:block;height:20px;margin:0 auto 5px;}

.header-top-wrap { position:fixed;;width:100%;height:40px;line-height:40px;background:#fff;z-index:2;top:50px;left:0;text-align:center;box-shadow: 5px 3px 10px 0px rgba(150,150,150,.1);;border-bottom:1px solid #d3d8dc;border-top:1px solid #d3d8dc;box-sizing:border-box;}
.header-top-wrap .top-tit { font-size:1.2em;;font-weight:500;;background:#fafafa;color:#666}
.header-top-wrap .top-tit.blue{background:#f3f9ff;color:#369bff}
.header-top-wrap .btn-pre { position:absolute;left:4%;top:9px;width:18px;height:22px;background:url('../img/common/bt-pre.png') no-repeat center center;background-size:9px;box-shadow: 0 5px 5px -4px #f7f7f7;}



.footer{background:#fafafa; color:#aaa;padding:25px 5%;margin-top:30px;font-size:0.9em;font-weight:normal;}
.footer a{color:#aaa;font-size:0.9em;margin-top: -6px;display: inline-block;}

.mobile { display:none!important;}
table.mobile { display:none!important;}
.pc { display:block!important;}
table.pc { display:table!important;}

.pc { display:none!important;}
table.pc { display:none!important;}
.mobile { display:block!important;}
table.mobile { display:table!important;}
#left-wrap  { display:none;}
.right-search { display:none;}

.f-menu{  background:#eee;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.f-menu a { display:inline-block;padding:0 0;font-size:13px;line-height:40px;margin-right:5px;}
.f-menu img { float:right;margin-top:10px;display:none;}
.footer-con { padding:20px 0 30px;}
.footer-con .f-logo{  display:inline-block;vertical-align:middle;display:none;}
.footer-con .txt { display:inline-block;margin-left:0;color:#6d6d6d;font-size:14px;line-height:20px;font-weight:300;vertical-align:middle;}
.footer-con .right-con{  float:right;display:none;}
.footer-con .right-con select { width:185px;height:35px;line-height:35px;border:1px solid #686868;display:inline-block;margin-right:20px;font-size:14px;}
.footer-con .right-con a { display:inline-block;margin-left:10px;}
.bottom-menu {height:75px;position:fixed;width:100%;bottom:0;left:0;background:#fff;padding-bottom:10px;box-sizing:border-box;z-index:3;box-shadow: 5px -2px 10px 0px rgba(150,150,150,.1)}
.bottom-menu a { float:left;width:20%;text-align:center;display:block;font-size:13px;color:#999;border-right:0px solid #343434;padding-bottom:10px;box-sizing:border-box}
.bottom-menu a img { height:25px;display:block;margin:15px auto 5px;}

.clr{display:block; clear:both; content:'';}


/*	.center_wrap{ padding:0 5%;}*/