/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,img,strong,dl,dt,dd,ol,ul,li,table,tr,th,td,img,li,button{padding:0; margin:0; font-family: 'Noto Sans KR', sans-serif;
font-size:12px; color: #333;}
 html {overflow-y:scroll;} 
select,input{vertical-align:middle;}
select{-webkit-appearance: none;text-align:center;
-moz-appearance: none;
appearance:none;
background:url(images/select_arrow.jpg) no-repeat 94% 50% #E2FFD5}
select::-ms-expand{display:none}

form legend, table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0;}
input[type=radio],input[type=checkbox],input[type=image]{margin:0;border:none;background:none;outline:none;}
textarea{font-size:12px;overflow:hidden;}
fieldset,iframe{border:0 none;}
table,div{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ul,li,ol{list-style:none;overflow:hidden;}
hr{overflow:hidden;height:0;width:0;border:0 none;}
li,p,dt,dd,div,span{white-space:normal;}
body,div{font-family: 'Noto Sans KR', sans-serif;font-size:12px;color:#000000;}
input,select,textarea{padding:0; margin:0;font-family: 'Noto Sans KR', sans-serif;font-size:12px;color:#333333;border:1px solid #d7d7d7;}
input[type=text],input[type=password]{height:19px;padding:1px;line-height:19px;background-color:#E2FFD5fff;}
a{text-decoration:none;}
label{display:inline-block;cursor:pointer;}
img{border:none;}
body {overflow-x : hidden;}
.nanumsquare { font-family: 'NanumSquare', sans-serif }
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); .notosanskr * { font-family: 'Noto Sans KR', sans-serif; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;}




/* 모바일용 css */

#wrap{width:100%;padding:0 0 30px 0}
#web{margin:0 auto;background:url(images/bg.jpg)repeat;padding:0 0 50px 0}
#header{background:#339900;height:70px;position:relative}
#header .log{position:absolute;right:20px;top:22px}
#header .log li{float:left}
#header .log li img{width:25px;margin:0 0 0 15px}
#header span{position:absolute;left:20px;;top:22px}
#header span img{width:25px}
#header h1{text-align:center;color:#E2FFD5;font-size:1.6em;padding:22px 0 0 0 }

#main{padding:5px 20px 100px 20px;background:#f6f6f6}
#main h2{font-size:2em;text-align:center;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-1px}
#main h3{font-size:1em;margin:5px 0 0 0;text-align:center;color:#919191;font-family: 'Noto Sans KR', sans-serif;;letter-spacing:-1px}
#main2{padding:0 0 20px 0;background:#f6f6f6 url(images/bg.jpg) repeat}
#main3{padding:5px 20px 50px 20px;background:#f6f6f6}
#foot{clear:both;text-align:center;overflow:hidden;margin:0 20px}
#foot ul{float:left;width:15.6%;text-align:center;margin:20px 0.5% 0 0.5%}
#foot p{font-size:1em;font-weight:bold;margin:0 0 5px 0}
#foot li{background:#d8dfe6;height:40px;padding:10px;font-size:1em;border-radius:20px}
#foot li img{width:40px}

.search{margin:20px 0}
.search ul{margin:30px 0 0 0}
.search li{position:relative;background:#e0e0e0;border-radius:10px;height:60px;}
.search li img{width:23px;position:absolute;right:20px;top:18px}
.search dl{clear:both;margin:0 0 20px 0;text-align:center}
.search dt {border:2px solid #e1e1e1;border-radius:10px;width:48.5%;display:inline-block}
.search dt input{border-radius:10px;font-size:1.2em;background-color:#E2FFD5;border:none;width:96%;height:40px;padding:2%}
.search li input{font-size:1.2em;background-color:transparent;background-image:10px;border:none;width:96%;height:40px;padding:2%}
.search li span{cursor:pointer;z-index:1}

.regist{margin:20px 0; }
.regist ul{width:100%;margin:10px 0 0 0;overflow:hidden;clear:both}

.regist .half{width:50%;float:left}
.regist .whole{width:100%;}
.regist .whole2{width:100%;margin:0 0 10px 0}
.regist dd input{border-radius:5px;background:#E2FFD5;}
.regist dl{clear:both;text-align:center;overflow:hidden;}
.regist dt{float:left;width:45px;text-align:left;font-size:1.2em;font-weight:bold}
.regist dt.fst{margin-right:15px;}
.regist dt.fst_one{margin-right:13px;margin-top:11px}
.regist dt.scd{margin:0 10px 0 15px;}
.regist dt.scd_one{margin:11px 10px 0 15px;}
.regist dd {overflow:hidden;background-color:transparent}
.regist dd select{border:1px solid #e1e1e1;border-radius:5px;text-align:left;font-size:1.2em;;background-image:10px;;width:100%;height:40px;padding:0 0 0 2%}
.regist dd input[type="text"]{width:100%;font-size:1.2em;;background-image:10px;;height:35px;}
.regist dd input[type="password"]{width:100%;font-size:1.2em;;background-image:10px;;height:35px;}

.regist dd input[type="mail"]{font-size:1.2em;;background-image:10px;;width:96%;height:35px;padding:0 2%}
.regist dd input[type="date"]{font-size:1.2em;;background-image:10px;;width:96%;height:35px;padding:0 2%}
.regist dd textarea{border:1px solid #e1e1e1;border-radius:10px;text-align:left;font-size:1.4em;;background-image:10px;;width:97%;height:120px;padding:2% 0 2% 3%}

.regist li span{cursor:pointer;z-index:1}


.login{margin:20px 0}
.login ul{margin:30px 0 0 0;text-align:center}
.login li{display:inline-block;font-size:1.2em;text-decoration:underline;margin:0 5px }
.login li a{font-size:1em;}
.login dl{clear:both;margin:0 0 20px 0;border:2px solid #e1e1e1;border-radius:10px;}
.login dt input{border-radius:10px;font-size:1.2em;background-color:#E2FFD5;border:none;width:96%;height:40px;padding:2%}
.login p{font-weight:bold;padding:20px 0;border-radius:20px;background:#339900;color:#333;text-align:center;font-size:1.6em}

.btnlist ul{text-align:center}
.btnlist li{float:left;width:50%;}
.btnlist p{padding:17px 0 0 0;;height:40px;font-weight:bold;cursor:pointer}
.btnlist p.ty01{background:#339900;color:#333;font-size:1.4em;border-radius:15px;margin:0 5px 0 }
.btnlist p.ty02{;background:#31373c;color:#E2FFD5;font-size:1.4em;border-radius:15px;margin:0 0 0 5px}

.print{background:#fefefe;text-align:center;padding:10px 0}
.print p{border:2px solid #444;font-size:1.5em;text-align:center;width:150px;margin:0 auto;padding:10px 0}
.btnlist3{cursor:pointer;padding:10px;overflow:hidden}
.btnlist3 ul{cursor:pointer;clear:both;text-align:center;padding:5px 0}
.type01{cursor:pointer;background:#E2FFD5;display:inline-block;width:21%;height:40px;padding:1%;border-radius:30px;border:2px solid #333;}
.type01 p{font-size:1.2em;font-weight:bold;border-radius:20px;border:1px solid #333;;height:28px;padding:10px 0 0 0}

.type02{background:#E2FFD5;display:inline-block;width:21%;height:40px;padding:1%;border-radius:30px;border:2px solid #6a9222;}
.type02 p{font-size:1.2em;;font-weight:bold;border-radius:20px;border:1px solid #6a9222;;height:28px;padding:10px 0 0 0}

.type03{background:#E2FFD5;display:inline-block;width:21%;height:40px;padding:1%;border-radius:30px;border:2px solid #5510a9;}
.type03 p{font-size:1.2em;;font-weight:bold;border-radius:20px;border:1px solid #5510a9;;height:28px;padding:10px 0 0 0}





.editform{margin:20px 20px 0 20px;position:relative;}
.editform p{position:absolute;top:50px;right:20px}
.editform h1{background:url(images/title_bg.jpg) repeat;color:#E2FFD5;text-align:center;font-size:1.2em;padding:15px 0}
.editform ul{padding:20px 0}
.editform ul.type01{padding:20px 0;background:#E2FFD5}
.editform li{text-align:center;font-size:20px;line-height:35px;letter-spacing:-1px;font-family:'Nanum Myeongjo', serif;}
.editform b{font-size:2em;font-family:'Nanum Myeongjo', serif;font-weight:bold}
.editform span{color:#0030ff;font-size:2em;font-family:'Nanum Myeongjo', serif;font-weight:bold}

.editform strong{font-size:20px;}
.editform table{width:100%;border-top:3px solid #667d9f;margin:0 0 0 0}
.editform th{width:100px;background:#f4f4f4;border-bottom:1px solid #d3d5d7;font-size:1em;height:40px}
.editform th.type1:last-child{border-right:none}
.editform td.type1:last-child{border-right:none}
.editform th.type1{border-right:1px solid #c3c3c3;background:#f4f4f4;border-bottom:1px solid #d3d5d7;font-size:1em;height:40px}
.editform td.type1{border-right:1px solid #c3c3c3;text-align:center;background:#E2FFD5;border-bottom:1px solid #d3d5d7;font-size:1em;height:20px}

.editform .kind{background:#E2FFD5;padding:15px 10px 15px 0;text-align:right}
.editform .kind a:hover{color:#339900;font-weight:bold}

.editform td span{color:#0030ff;font-size:1em}
.editform td{background:#E2FFD5;border-bottom:1px solid #d3d5d7;padding:10px;;font-size:1em;}
.editform td textarea{width:97%;border:1px solid #666;margin:0 0 5px 0;padding:2%;font-size:1em}
.btnlist2{margin:0 20px;overflow:hidden;background:#E2FFD5;}
.btnlist2 p{position:absolute;right:0;top:0}
.btnlist2 ul{background:#eeeeee;margin:30px 20px;text-align:center;position:relative}
.btnlist2 li{display:inline-block;width:15%;padding:35px 0 25px 0}

.btn1{border:1px solid #333;width:100px;margin:0 auto;padding:10px;text-align:center}

.bottom{margin:0 20px}
.bottom ul{text-align:center;padding:20px 0}
.bottom p{text-align:center}


.member {background:#f6f6f6}
.member h4{font-size:1.5em;text-align:left;letter-spacing:-2px;margin:30px 0 10px 0}
.member p.pst1{position:absolute;right:0;top:0;text-align:center;padding:10px 0 0 0;background:#eeeeee;border:2px solid #e1e1e1;border-radius:7px;width:90px;height:33px;font-size:1.2em}
.member p.pst2{position:absolute;right:0;bottom:8px;text-align:center;padding:15px 0 0 0;background:#eeeeee;border:2px solid #e1e1e1;border-radius:7px;width:90px;height:39px;font-size:1.2em}
.member span{position:absolute;right:110px;top:17px}
.member dl{position:relative;clear:both;margin:0 0 10px 0}
.member dt{float:left;width:100px;font-size:1.2em;font-weight:bold;}
.member dt.fst_one{padding:12px 0 0 0}
.member dd.type1{margin:0 105px 0 105px;}
.member dd.type1{font-size:1.2em;}
.member dd.type1 input[type="text"]{font-size:1em;width:96%;border-radius:5px;vertical-align:middle;height:45px;padding:0 2%}
.member dd.type1 input[type="password"]{font-size:1em;width:96%;margin:0 0 8px 0;border-radius:5px;vertical-align:middle;height:45px;padding:0 2%}

.member dd.type2{margin:0 0 0 105px;}
.member dd.type2 input[type="date"]{text-align:center;font-size:1em;width:100%;border-radius:5px;vertical-align:middle;height:45px;}
.member dd.type2 input[type="password"]{width:96%;font-size:1em;border-radius:9px;vertical-align:middle;height:45px;padding:0 2%;}
.member dd.type2 input[type="text"]{width:96%;font-size:1em;border-radius:9px;vertical-align:middle;height:45px;padding:0 2%;}
.member dd.type2 input[type="tel"]{width:96%;font-size:1em;border-radius:9px;vertical-align:middle;height:45px;padding:0 2%;}

.member dd.type2 input[type="mail"]{font-size:1em;width:41%;border-radius:9px;vertical-align:middle;height:57px;padding:0 2%}
.member dd.type2 span{width:10%;font-size:1em;}
.member dd.type3{margin:0 105px 0 105px;position:relative}
.member dd.type3 input[type="text"]{font-size:1em;width:100%;border-radius:5px;vertical-align:middle;height:45px;padding:0 2%}
.member dd input[type="button"]{cursor:pointer;font-size:1em;width:100%;margin:0 0 8px 0;border-radius:9px;vertical-align:middle;height:57px;padding:0 2%}
.member select{margin:10px 0 0 0;width:100%;border-radius:9px;vertical-align:middle;height:57px;font-size:1.4em;padding:0 0 0 2%}


.btnlist3 ul{text-align:center cursor:pointer;}
.btnlist3 p{background:#31373c;color:#E2FFD5;font-size:1.4em;border-radius:15px;margin:0 auto;width:120px;padding:15px 0}
.btnlist3 p.ty01{display:inline-block;font-weight:bold;background:#339900;color:#333}
.btnlist3 p.ty02{display:inline-block;font-weight:bold;background:#31373c;color:#E2FFD5}
.btnlist3 li{margin:10px 0;font-size:1.2em;font-weight:bold}

.top_menu{background:#E2FFD5;padding:20px}
.top_menu ul{width:100%;overflow:hidden}
.top_menu li{float:left;width:24%;margin:0.5%;color:#333;text-align:center;padding:10px 0}
.top_menu .ov{background:#ffd200;font-weight:bold}
.top_menu .off{background:#e3e3e3;}
.top_menu li:hover{background:#ffd200;cursor:pointer;font-weight:bold}


.top_menu2{background:#E2FFD5;padding:20px}
.top_menu2 ul{width:100%;overflow:hidden}
.top_menu2 li{float:left;width:32.3%;margin:0.5%;color:#333;text-align:center;padding:10px 0}
.top_menu2 .ov{background:#ffd200;font-weight:bold}
.top_menu2 .off{background:#e3e3e3;}
.top_menu2 li:hover{background:#ffd200;cursor:pointer;font-weight:bold}

.bottom_menu{background:#E2FFD5;padding:20px;overflow:hidden;margin:10px 0 0 0}
.bottom_menu ul{width:100%;overflow:hidden}
.bottom_menu li{float:left;width:24%;margin:0.5%;color:#333;text-align:center;padding:10px 0}
.bottom_menu .ov{background:#e3e3e3;font-weight:bold}
.bottom_menu .off{background:#f1f1f1;}
.bottom_menu li:hover{background:#e3e3e3;cursor:pointer;;font-weight:bold}

.btnlist4{margin:0 0 20px 0;overflow:hidden}
.btnlist4 ul{clear:both;text-align:center;}
.btnlist4 li{float:left;width:50%;}
.btnlist4 div{overflow:hidden;padding:10px 0 7px 0;;height:40px;font-weight:bold;cursor:pointer}
.btnlist4 .ty01{background:#339900;color:#333;font-size:0.85em;border-radius:15px;margin:0 5px 0 }
.btnlist4 .ty02{;background:#31373c;color:#E2FFD5;font-size:0.85em;border-radius:15px;margin:0 0 0 5px}


.lnb{padding:20px}
.lnb table{border-top:2px solid #545454;}
.lnb th{padding:10px 0;width:12%;height:40px;border-top:1px solid #545454;background:#fafafa;text-align:center;border-bottom:1px solid #c6c6c6}
.lnb th img{width:40px}
.lnb td{padding:10px 0;height:40px;background:#E2FFD5;border-bottom:1px solid #c6c6c6}



.editform2{margin:20px 20px 0 20px;position:relative;}
.editform2 h1{background:url(images/title_bg.jpg) repeat;color:#E2FFD5;text-align:center;font-size:1.2em;padding:15px 0}
.editform2 ul{padding:10px;background:#E2FFD5;text-align:center}
.editform2 td{background:#f3f3f3;padding:5px;border:5px solid #E2FFD5}
.editform2 td.atv{background:#dbe5f1}

.editform3{margin:0 20px 0 20px;position:relative;padding:20px 0 0 0}
.editform3 p{position:absolute;top:50px;right:20px}
.editform3 h1{background:url(images/title_bg.jpg) repeat;color:#E2FFD5;text-align:center;font-size:1.2em;padding:15px 0}
.editform3 ul{padding:20px 0}
.editform3 ul.type01{padding:20px 0;background:#E2FFD5}
.editform3 li{text-align:center;font-size:20px;line-height:35px;letter-spacing:-1px;font-family:'Nanum Myeongjo', serif;}
.editform3 b{font-size:2em;font-family:'Nanum Myeongjo', serif;font-weight:bold}
.editform3 span{color:#0030ff;font-size:2em;font-family:'Nanum Myeongjo', serif;font-weight:bold}

.editform3 strong{font-size:20px;}
.editform3 table{width:100%;border-top:3px solid #667d9f;margin:0 0 0 0}
.editform3 th{width:100px;background:#f4f4f4;border-bottom:1px solid #d3d5d7;font-size:1em}
.editform3 th.type1:last-child{border-right:none}
.editform3 td.type1:last-child{border-right:none}
.editform3 th.type1{border-right:1px solid #c3c3c3;background:#f4f4f4;border-bottom:1px solid #d3d5d7;font-size:1em;height:40px}
.editform3 td.type1{border-right:1px solid #c3c3c3;text-align:center;background:#E2FFD5;border-bottom:1px solid #d3d5d7;font-size:1em}

.editform3 td span{color:#0030ff;font-size:1em}
.editform3 td{background:#E2FFD5;border-bottom:1px solid #d3d5d7;padding:20px;;font-size:1em}
.editform3 td textarea{width:97%;border:1px solid #666;margin:0 0 5px 0;padding:2%;font-size:1em}


.tb1{padding:20px}
.tb1 table{border-top:2px solid #545454;}
.tb1 th{text-align:center;padding:10px 0;height:30px;background:#f4f4f4;border-bottom:1px solid #c6c6c6}
.tb1 td{text-align:center;padding:10px 0;height:30px;background:#E2FFD5;border-bottom:1px solid #c6c6c6}
.tb1 td.bg{background:#fbfbfb}


.category{margin:10px 0 0 0}
.category ul{text-align:center}
.category li{display:inline-block;font-weight:bold;width:48.5%;margin:0.5%;color:#333;padding:15px 0}
.category .ov{background:#339900}
.category .off{background:#E2FFD5}
.category li:hover{background:#339900;cursor:pointer}

.words{padding:20px}
.words ul{width:100%;text-align:center;clear:both}
.words li{font-size:1.3em;width:18.5%;float:left;margin:0.5%;border:1px solid #ddd;padding:22px 0}