@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	padding:0px;
	margin:0px;
	vertical-align:top
}
label { vertical-align: middle; }
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, fieldset{border:0px;}
table{border-collapse:collapse;}
ul, ol, li{list-style:none;}
address, em{font-style:normal;}
li img, object{vertical-align:top;}
input, select, textarea, form img{vertical-align:middle;}
a{ outline:0; text-decoration:none; border:none; vertical-align: top;}
body { font: 12px /1.2 'Nanum Gothic','Nanum Myeongjo', 'arial'; color:#666;   }

/*layout*/
.headerWrap { width:100%; }
#header { width:940px; height:100px; margin:0 auto; transition:all 0.5s; position:relative; overflow: hidden;}
#visual { width:100%; position: relative; overflow: hidden; }
.slider { width:100%; overflow: hidden; }
#container { width:1000px; margin:0 auto;  margin-top:50px; margin-bottom:50px; overflow:hidden; transition:all 0.5s;}
.contents1 { width:940px; margin:0 auto; margin-bottom:40px; overflow: hidden;transition:all 0.5s; position:relative;}
.contents2 { width:940px; margin:0 auto; margin-bottom:30px; overflow: hidden; transition:all 0.5s;}
.contents3 { width:940px; margin:0 auto; overflow: hidden; transition:all 0.5s;}
.footerWrap { width:100%; background:#414143;}
.contFooter { width:100%; background: url(../img/contFooter_bg.jpg) repeat-x 0 0; }
.footerBody { width:100%;  margin:0 auto; border-bottom: 1px solid #5d5d5f; transition:all 0.5s;}
.footerBottom { width:100%;  transition:all 0.5s;}
.footerBody_wrap{ width:940px; padding:20px 0; margin:0 auto; overflow: hidden;}
.footerBottom_wrap{ width:940px; padding:10px 0; margin:0 auto; overflow: hidden; position: relative;}

/*header*/
#header h1 { width:100px; position:absolute; top:10px; left:10px;}
#header h1 a { display: block; }
#header h1 a img { width:97px; }
#header .headerBg { position: absolute; bottom:0px; left:60px; display: none;}
.headerLang {position: absolute; top:5px; right:0px; color:#333;}
.headerLang li{ float:left; color:#d6d6d6; }
.headerLang li a {color:#bcbcbc; font:12px/1.6 'Nanum Gothic'; margin:0 10px;}
.headerLang li a:hover {color:#333;}

.gnb {position:absolute; top:45px; right:10px; transition:all 0.5s; height: inherit;}
.gnb>li{ float:left; text-indent: -9999px;  margin-left: 65px;/* height:30px;*/}
.gnb>li:nth-child(1) {margin-left:0;}
.gnb>li>a {color:#333; font:bold 15px/1.6 'Nanum Myeongjo'; display: block;}
.gnb>li .gnb1 {background:url(../img/gnb.png) no-repeat 0 0; width:65px; height:20px; }
/*.gnb>li .gnb1:hover {background-position: 0 -41px;}*/
.gnb>li .gnb1.on {background-position: 0 -41px;}
.gnb>li .gnb2 {background:url(../img/gnb.png) no-repeat -122px 0; width:65px; height:20px; }
/*.gnb>li .gnb2:hover {background-position: -122px -41px;}*/
.gnb>li .gnb2.on {background-position: -122px -41px;}
.gnb>li .gnb3 {background:url(../img/gnb.png) no-repeat -244px 0; width:65px; height:20px; }
/*.gnb>li .gnb3:hover {background-position: -244px -41px;}*/
.gnb>li .gnb3.on {background-position: -244px -41px;}
.gnb>li .gnb4 {background:url(../img/gnb.png) no-repeat -360px 0; width:72px; height:20px; }
/*.gnb>li .gnb4:hover {background-position: -360px -41px;}*/
.gnb>li .gnb4.on {background-position: -360px -41px;}

.gnbsubMenu { width: 960px;  position: absolute; top:35px; right:0px;  z-index: 1; overflow: hidden; display:none; }
.gnbsubMenu ul {float: left; width: 130px;  }
.gnbsubMenu ul li {     margin-left: 5px; text-indent:  -9999px; margin-bottom:5px;}
.gnbsubMenu ul li a {font: bold 12px/1.5 'Nanum Myeongjo'; color:#909090; display: block; }
.gnbsubMenu ul li a:hover {color:#333;}

.gnbsubMenu>div { width: 465px; float: right; }

.gnbsubMenu .gnbSub1-1 { background: url(../img/gnbSub1-1.png) no-repeat 0 0px;     width: 40px; }
.gnbsubMenu .gnbSub1-2 { background: url(../img/gnbSub1-2.png) no-repeat 0 0px;    width: 49px; }
.gnbsubMenu .gnbSub1-3 { background: url(../img/gnbSub1-3.png) no-repeat 0 0px;     width: 52px;}
.gnbsubMenu .gnbSub1-4 { background: url(../img/gnbSub1-4.png) no-repeat 0 0px;    width: 48px; }

.gnbsubMenu .gnbSub2-1 { background: url(../img/gnbSub2-1.png) no-repeat 0 0px;    width: 85px; }
.gnbsubMenu .gnbSub2-2 { background: url(../img/gnbSub2-2.png) no-repeat 0 0px;    width: 65px; }
.gnbsubMenu .gnbSub2-3 { background: url(../img/gnbSub2-3.png) no-repeat 0 0px;    width: 65px; }
.gnbsubMenu .gnbSub2-4 { background: url(../img/gnbSub2-4.png) no-repeat 0 0px;    width: 85px; }

.gnbsubMenu .gnbSub3-1 { background: url(../img/gnbSub3-1.png) no-repeat 0 0px;     width: 72px;}
.gnbsubMenu .gnbSub3-2 { background: url(../img/gnbSub3-2.png) no-repeat 0 0px;     width: 50px;}
.gnbsubMenu .gnbSub3-3 { background: url(../img/gnbSub3-3.png) no-repeat 0 0px;    width: 90px; }
.gnbsubMenu .gnbSub3-4 { background: url(../img/gnbSub3-4.png) no-repeat 0 0px;    width: 72px; }

.gnbsubMenu ul li:hover { background-position: 0 -18px; }


/*sub gnb*/
.btnMo { position: absolute; right: -100px; bottom: 40px; opacity: 0; transition: all 0.5s; display: none;}
.btnMo .fa { font-size: 30px; color: #444;}

#subGnb { width: 200px; height: 100%; background: rgba(51,51,51,0.9); position: fixed;  top: 0px; right: -200px;  z-index: 10;  transition: all 0.5s; }
#subGnb.on { right:0; }
.close { position: absolute; top: 10px;left: 10px; width: 30px; height: 30px;}
.close img {width: 100%; opacity: 0.6}

#subGnb>ul {position: absolute; top:50px; left:0; width:100%;  }
#subGnb>ul>li{ width:100%;  text-align: center;  border-top:1px solid #a0a0a0; }
#subGnb>ul>li>ul { display: none;  }
#subGnb>ul>li>a {font:15px/2.5 'Nanum Gothic'; color:#eee; }
#subGnb ul li ul li  { transition: all 0.5s; }
#subGnb ul li ul li a { font:13px/2 'Nanum Gothic'; color:#aaa; }
#subGnb>ul>li:hover ul { display: block;  }
#subGnb ul li ul li:hover {background-color: rgba(256,256,256,0.9); }
#subGnb ul li ul li:hover a { color:#333; }


/*visual*/
.panel {width:300%;}
.panel li {width: 33.333%; height:450px; overflow: hidden; position: relative; float: left;}
.panel li img { position: absolute; top:0; left:50%; margin-left: -960px }
.navi { position: absolute; bottom: 20px; left: 50%; margin-left: -82px;}
.navi li { float: left; margin-right:6px; }
.navi li a { display: block; width:50px; height:5px; background-color: #eee; transform: skewX(30deg); }
.navi li a.on { background-color: #333; }

/*container*/
#container h2 { font:bold 15px/1 'Nanum Gothic'; color:#333; padding-top: 8px; background: url(../img/conTitBg.jpg) no-repeat -65px -4px;}

/*contents1*/
.contents1 a { color:#333; }
.contents1>div>div:hover img{opacity: 0.8;}
.contents1>div>div:hover a{ color:#A0A0A0; }
.tapMenu { width:320px; height:75px; margin:0 auto; margin-bottom:20px; position: relative;}
.tapMenu ul { height: 70px; position:absolute; top:0; left:50%; margin-left: -138px; }
.tapMenu ul li {float:left; margin:0 12px;}
.tapMenu ul li a {display:block; font: 12px/1.6; color:#333; text-align: center;}
.tapMenu ul li a span:hover {background-position: center 0px; }
.tapMenu ul li a .tap1 {width:49px; height:46px; background:url(../img/contents1_btn1.png) no-repeat center -46px; display: block; margin-bottom: 10px;}
.tapMenu ul li a .tap2 {width:49px; height:46px; background:url(../img/contents1_btn2.png) no-repeat center -46px; display: block; margin-bottom: 10px;}
.tapMenu ul li a .tap3 {width:49px; height:46px; background:url(../img/contents1_btn3.png) no-repeat center -46px; display: block; margin-bottom: 10px;}
.tapMenu ul li a .tap4 {width:49px; height:46px; background:url(../img/contents1_btn4.png) no-repeat center -46px; display: block; margin-bottom: 10px;}

.contents1_1 { width:220px; margin-right: 20px; float:left; /*transition:all 0.5s;*/}

.contents1 .thumb img {width:100%;}
.contents1 .thumbInfo { padding:10px 5px; text-align: center; background-color:#FBFAFA; border:1px solid #ECEBEB; border-top: none; }
.thumbInfo h3 {font-size:13px; line-height: 1.8;}
.contents1_2 { width:220px; margin-right: 20px; float:left; /*transition:all 0.5s;*/}
.contents1_3 { width:220px; margin-right: 20px; float:left; /*transition:all 0.5s;*/}
.contents1_4 { width:220px; float:left; /*transition:all 0.5s;*/}

.contents1 .tapMenu li a span.on { background-position: center 0px; }
#tap2 {display: none;}
#tap3 {display: none;}
#tap4 {display: none;}
/*.btnLeft {width:30px; height:40px; background:red; position:absolute; top:50%; margin-top:20px; left:-30px;}
.btnRight {width:30px; height:40px; background:red; position:absolute; top:50%; margin-top:20px; right:-30px;}*/

/*contents2*/
.contents2 a { color:#333; }
.contents2>div:hover img{opacity: 0.8;}
.contents2>div:hover a{ color:#A0A0A0; }
.contents2 h2{ margin-bottom:20px; }
.contents2 .thumb img {width:100%;}
.contents2 .thumbInfo { padding:10px 5px; text-align: justify;}
.thumbInfo a { line-height: 1.5; }
.contents2_1 { width:220px; margin-right: 20px; float:left; transition:all 0.5s;}
.contents2_2 { width:220px; margin-right: 20px; float:left; transition:all 0.5s;}
.contents2_3 { width:220px; margin-right: 20px; float:left; transition:all 0.5s;}
.contents2_4 { width:220px; float:left; transition:all 0.5s;}

/*contents3*/

.contents3 h2{ margin-bottom:20px; }
.contents3 .thumb img {width:100%;}
.contents3 .thumbInfo { padding:10px 5px; text-align: justify;}
.contents3_1 { width:460px;margin:0 auto; margin-right:20px; float:left; transition:all 0.5s;}
.contents3_1 a { color:#333; }
.contents3_1>div:hover img{opacity: 0.8;}
.contents3_1>div:hover a{ color:#A0A0A0; }
.contents3_2 { width:460px; margin:0 auto; float:left; transition:all 0.5s;}
.contents3_1box1 { width:220px; margin-right: 20px; float:left; transition:all 0.5s;}
.contents3_1box2 { width:220px; float:left; transition:all 0.5s;}
.contents3_2box { width:460px; float:left; transition:all 0.5s; padding : 0 5px 0 5px;}
.contents3_2box ul li {overflow:hidden; margin-bottom: 10px;}
.contents3_2box ul li a {float:left; color:#333; width:300px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.contents3_2box ul li a:hover { color:#a0a0a0; }
.contents3_2box ul li span {float: right; margin-right:5px;}

/*footer*/
.contFooter_box { margin:0 auto; width:960px; height:120px; padding: 50px 0;}
.contFooter_box h2 { margin-bottom:20px;     font: bold 15px/1 'Nanum Gothic'; color:#666;}
.contFooter_box a {float: left;}
.contFooter_box ul {float: left; margin-top:5px; margin-left: 10px;}
.contFooter_box ul li { padding-left: 13px; background: url(../img/contents4_list.png) no-repeat 0 3px; margin-bottom: 5px; overflow: hidden; background-size: 6px;}
.contFooter_box ul li a {float:left; color:#333; width:186px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.contFooter_box ul li a:hover { color:#a0a0a0; }
.contFooter_box1 { width:320px; float:left;}
.contFooter_box2 { width:320px; float:left;}
.contFooter_box3 { width:320px; float:left;}

.footerMap { width:140px; float:left; margin-right:10px; }
.footerMap h4 { font: bold 13px/1.8 "Nanum Gothic"; color: #666; margin-bottom:5px; }
.footerMap h4 a {color:#98989C;}
.footerMap h4 a:hover {color:#ccc;}
.footerMap ul li { margin-bottom:3px;}
.footerMap ul li a {color:#98989C;}
.footerMap ul li a:hover { color:#ccc; }
.footerInfo { width: 250px;  float:right;}
.footerInfo ul {overflow: hidden; float:right; position: relative;}
.footerInfo ul li {float:left; text-align: right;}
.footerInfo ul li a {margin:0 5px; color:#98989C; font: 11px/2 'Nanum Gothic';}
.footerInfo ul li a:hover { color:#ccc; }
.footerBottom_wrap img{ width:40px; opacity: 0.6; float:left;}
.footerBottom_wrap span { color:#98989C; margin-top:10px; margin-left:5px; float: left;}
.footerBottom_wrap p {width: 150px; height: 25px; float:right; margin-top:5px;}
.footerBottom_wrap select { height: 25px;  line-height: 25px; border: 0;  background: #4E4E50; color: #999; font-size: 13px;}
.contFooter_box3 ul {margin-top:15px;}
.contFooter_box3 ul li a { width: 55px;}
.contFooter_box3 ul li:nth-child(odd) {float:right;}

/*서브페이지*/
/*layout*/
#subVisual { width:100%; height:63px; background-color: #ebebeb; text-align: center; position: relative; }
.subContainer { width: 940px; margin:0 auto; overflow: hidden;}
#lnb { width: 180px;  float:left; }
.contents { width: 720px; float:right;}

/*lnb*/
#lnb h2 { font:bold 17px/1.6 'Nanum Gothic'; padding-bottom:15px; color:#444; background: url(../img/lnbHead1.jpg)no-repeat 0 0;}
#lnb ul { border-top: 2px solid #444; border-bottom: 2px solid #666; border-width: 2px 0 2px 0;}
#lnb ul li  { border-bottom: 1px solid #cfcfcf;  padding:7px 0px;}
#lnb ul li:last-child {border:0;}
#lnb ul li a { font: bold 13px/2 'Nanum Gothic'; color:#444; }
#lnb ul li:hover {background: url(../img/lnb_on.png) no-repeat 95% center;}
#lnb ul li.on {background: url(../img/lnb_on.png) no-repeat 95% center;}
#lnb ul li:hover a { color:#ea4335; }
#lnb ul li a.on { color:#ea4335; }

/*contents*/
.subConTitle { width: 100%; height: 42px; border-bottom: 1px solid #666;}
#container .contents .subConTitle h2 { font: 22px/1.6 'Nanum Gothic'; float:left; color:#444; padding: 0;
    background: none; }
#container .contents .subConTitle span { margin-top: 15px; margin-left: 10px; display: inline-block;}
.subConTitle .location { float:right; }
.subConTitle .location ul {overflow: hidden; margin-top:12px;}
.subConTitle .location ul li {float:left; margin-right:5px; padding-left:10px; background: url(../img/icon_arrow.png) no-repeat 0px 5px;}
.subConTitle .location ul li:first-child { background: none; padding-left:0; }
.subConTitle .location ul li a { color:#444; }
.subConTitle .location ul li:last-child a { font-weight:bold; }

.subContents { padding: 15px; overflow: hidden; position: relative;  }

/*intro*/
.itr {  }
.subContents .itrConHead { margin: 20px 0 20px 20px;}
.subContents .introCon1 { font:13px/1.5 'Nanum Gothic'; color:#333; text-align: justify;     margin-bottom: 10px;}
.subContents .introCeo { background: url(../img/ggc.png) no-repeat 100% 75%; }
.subContents .introCon2 { font:13px/1.5 'Nanum Gothic'; color:#333; text-align: justify;     margin-bottom: 10px; position: absolute; right: 0; width:60%;}
.subContents .introCon3 { font:13px/1.5 'Nanum Gothic'; color:#333; text-align: justify;     margin-bottom: 10px; position: absolute; right: 0; margin-top: 110px; width:60%;}
.subContents .introName { position: absolute; right:15px; bottom:15px; }

/*organi*/
/*.ogn { background: url(../img/ognBg.jpg) no-repeat 455px 15px; }*/
.subContents .ognConHead { margin: 20px 0 ;}
.ogn {background: url(../img/organiBg.png)no-repeat right top;}
.ognHide { font-size:0; width:0; height:0; padding:0; margin:0; line-height:0; }

/*join*/
.joinConHead { margin:20px 0px 40px 0px; }
.join {background: url(../img/joinBg.png)no-repeat right top;}
.join h4 { font:bold 14px/2 'Nanum Gothic'; color:#333; }
.join h4 span { font: normal 12px/2.6 'Nanum Gothic'; color:#666; margin-left:10px; }

/*.tapMenu ul { height: 70px; position:absolute; top:0; left:50%; margin-left: -138px; }*/
.joinTapMenu {width:380px; height:100px; margin:0 auto; margin-bottom: 20px; }
.joinTapMenu ul li {float:left; padding-right:100px; background:  url(../img/joinArrow.png)no-repeat 95px 20px;}
.joinTapMenu ul li:last-child {padding-right:0px; background:  none;}
.joinTapMenu ul li a {display:block; font: 14px/1.6; color:#333; text-align: center;}
.joinTapMenu ul li a span:hover {background-position: center 0px; }
.joinTapMenu ul li a .tap1 {width:60px; height:61px; background:url(../img/join_btn1.png) no-repeat center -61px; display: block; margin-bottom: 10px;}
.joinTapMenu ul li a .tap2 {width:60px; height:61px; background:url(../img/join_btn2.png) no-repeat center -61px; display: block; margin-bottom: 10px;}
.joinTapMenu ul li a .tap3 {width:60px; height:61px; background:url(../img/join_btn3.png) no-repeat center -61px; display: block; margin-bottom: 10px;}

.join .joinTapMenu li a span.on { background-position: center 0px; }
#joinTap2 {display: none; }
#joinTap3 {display: none; }

.agreeArticle { border-bottom:1px solid #333; border-top:2px solid #333; }
.agreeArticle .allCheck { text-align: right; padding: 7px 20px 7px 0; background: #f1f1f1; margin-top:15px; margin-top:15px;}
.agreeArticle>div {margin-bottom:20px;}
.agreeArticle h5 { font:bold 13px/2 'Nanum Gothic'; color:#333; }
.agreeArticle .textArea { border: 1px solid #f1f1f1; width: 648px; height: 150px; overflow-y: auto; margin-top: 5px; padding: 20px; padding-bottom:0px; padding-top:14px; }
.stip_tle1 li { color: #595959; font-weight: bold; padding: 5px 0 15px 0;}
.stip_tle2 { margin-top: 25px;}
.stip_tle2 li { color: #595959; font-weight: bold; padding: 5px 0 8px 0;}
.stip_tle3 { margin: 5px 0 0px 0;}
.stip_tle3 li { color: #8d8d8d; font-weight: normal; line-height: 20px; padding: 2px 0 2px 0;}
.st_none { color: #8d8d8d; font-weight: normal; line-height: 20px; margin-top: 5px;}
.st_none2 { color: #8d8d8d; font-weight: normal; line-height: 20px; margin-top: 0px;}
.stip_tle3_num { margin: 5px 0 0px 22px;}
.stip_tle3_num li { color: #8d8d8d; font-weight: normal; line-height: 20px; padding: 2px 0 2px 0; list-style: decimal;}
.checkBox { margin-top: 10px; }

.join .button { margin-top:20px; text-align: right; }
.join .button a { padding :7px 30px; font:bold 12px/2 'Nanum Gothic';}
.button .greyBtn { background-color: #646464; border:1px solid #505050; color: #fff;}
.button .whiteBtn { background-color: #fff; border:1px solid #dcdcdc; color:#333; }

/*member table*/
.agreeArticle .member { width: 100%; }
.member tr { border-bottom:1px solid #ccc; }
.member tr:last-child {border-bottom: none;}
.member th { text-align: left; width:25%; }
.member th span { color:#ea4335; font-size:14px; }
.member td span { color:#ea4335; font-size:10px;  vertical-align: middle; }
.member input { height:23px; font: 12px/2 'Nanum Gothic'; color:#999; padding-left: 5px; margin:10px 0; border:1px solid #ccc;}
.member select { height:27px; font: 12px/2 'Nanum Gothic'; color:#999; padding-left: 5px; margin:10px 0;  border:1px solid #ccc;}
.member button { vertical-align:middle; height:27px; font: 12px/2 'Nanum Gothic'; color:#fff; background-color: #777; border:1px solid #666; }
.member .hpBox { width:70px; }
.member .adreBox { width:220px; margin-top:0px; }
input.radio: { border-radius:3px; }

#joinTap3 .sucBox {  background-color: #f5f5f5; text-align:center; padding-bottom:50px;margin-top:20px;}
#joinTap3 div { text-align: center; }
#joinTap3 img { margin:50px 0 10px 0; }

/*board*/
.bod { background: url(../img/bodBg.png)no-repeat right top; }
.bod .bodConHead { margin: 20px 0 ;}
.bod .search { height: 30px;  margin:0px 0 6px 0; padding-top:20px;}
.search p { float: left; margin-top:13px; }
.search fieldset { float:right; }
.search select { height:27px; font:12px/2 'Nanum Gothic'; color:#999; padding-left: 5px;   border:1px solid #ccc;}
.search input { height:25px; font: 12px/2 'Nanum Gothic'; color:#999; padding-left: 5px;  border:1px solid #ccc;}
.search button { vertical-align:middle; height:27px; font: 12px/2 'Nanum Gothic'; color:#fff; background-color: #777; border:1px solid #666;  }

.bod .board { width:100%; table-layout: fixed; }
.board thead {border-top:2px solid #666; border-bottom: 2px solid #666; color : #666;  font:bold 13px/1.6 'Nanum Gothic';}
.board tbody tr td {border-bottom: 1px solid #ebebeb;}
.board th { height: 40px; }
.board td { height: 40px; text-align: center; color:#666;}
.board td a { float:left; margin-left:30px; color:#333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 80%; display: block; text-align: left;}

.bod .page { margin:40px 0 0px 0; text-align: center;}
.page ul { display: inline-block; }
.page ul li { float:left; }
.page ul li a { padding: 8px 13px; font: 12px/2 'Nanum Gothic'; background-color: #fff; border:1px solid #dcdcdc; color:#333; margin-left:-1px; }
.page ul li a:hover { background-color: #ebebeb;  }
.page ul li a.on{ background-color: #646464; border:1px solid #505050; color: #fff; }
.page ul li a i { line-height: 2; }

/* 반응형 */
/*tablet*/
@media screen and (min-width:640px) and (max-width:1000px) {
	#header { width:100%;}
	#header h1 {left:20px;}
	#visual { height:281px;}
	#container { width:100%; margin-top:20px; margin-bottom:40px; box-sizing: border-box; padding:0 20px;}
	#footer { width:100%; }
	.contents1 { width:100%; margin-bottom:20px;}
	.contents2 { width:100%; margin-bottom:20px;}
	.contents3 { width:100%; margin-right:2%}

	/*#header .headerBg { left:5%; }
	.headerBg img { width:80%; }*/
	.headerBg img { display: none; }

	.panel li img { width:1200px; margin-left:-600px; }
	.navi { bottom:15px; }

	.contents1 h2{ margin-bottom:10px; }
	.contents1_1 { width:49%; margin-bottom:10px; margin-right: 2%;}
	.contents1_2 { width:49%; margin-bottom:10px; margin-right:0;}
	.contents1_3 { width:49%; margin-bottom:10px; margin-right: 2%;  }
	.contents1_4 { width:49%; margin-bottom:10px; }

	.contents2 h2{ margin-bottom:10px; }
	.contents2_1 { width:49%; margin-bottom:10px; margin-right: 2%;}
	.contents2_2 { width:49%; margin-bottom:10px; margin-right: 0;  }
	.contents2_3 { width:49%; margin-bottom:10px; margin-right: 2%;  }
	.contents2_4 { width:49%; margin-bottom:10px; }

	.contents3 h2 {margin-bottom: 10px;}
	.contents3_1 { width:49%; margin-right:2%; }
	.contents3_2 {width:49%;}
	.contents3_1box1{ width:49%;  margin-right:2%; }
	.contents3_1box2{ width:49%;  }
	.contents3_2box{ width:100%;  }

	.contents3_2box ul li a { width:250px;  }

	.footerBody_wrap{ width:100%; padding:20px 20px;     box-sizing: border-box;}
	.footerBottom_wrap{ width:100%; padding:10px 20px; box-sizing: border-box; }

	.contFooter_box { margin:0; width:100%; padding: 40px 20px;  box-sizing: border-box;  height: 200px; }
	.contFooter_box ul li a {width:100px; }
	.contFooter_box1 { width:32%; float:left; margin-right:2%;}
	.contFooter_box2 { width:32%; float:left; margin-right:2%;}
	.contFooter_box3 { width:32%; float:left;}
	.contFooter_box3 ul li a { width: auto;}

	.contFooter_box img {width:50px;}

	/*layout*/
	#subVisual { overflow: hidden; }
	.subContainer { width: 100%;}
	#lnb { display:none; }
	.contents { width:100%; float:none;}


	.subContents .itrConHead { margin: 20px 0 20px 0px; text-align: center;}
	.subContents .itrConHead img {width: 560px;}
	.subContents .introCon2 { width: 100%; position: relative;}
	.subContents .introCon3 { width: 100%; position: relative; margin-top:0;}
	.subContents .introCeo { background: url(../img/ggc.png) no-repeat 80% 40%; }

	.ogn .ognImg { width: 100%; }
	.agreeArticle .textArea { width: 100%; box-sizing: border-box; }
}

/*mobile*/
@media screen and (min-width:0px) and (max-width:639px) {
	#header { width:100%;}
	#visual { height:164px;}
	#container { width:100%; margin-top:20px; margin-bottom:40px; box-sizing: border-box; padding:0 10px;}
	#footer { width:100%; }
	.contents1 { width:100%; margin-bottom:20px;}
	.contents2 { width:100%; margin-bottom:20px;}
	.contents3 { width:100%; }

	.gnb { margin-top:-150px; opacity: 0 }
	.btnMo { right: 20px; opacity: 1; display: block;}

	.panel li img { width:700px; margin-left:-350px; }
	.navi { bottom:10px; }

	.contents1 h2{ margin-bottom:10px; }
	.contents1_1 { width:100%; margin-right:0; margin-bottom:10px;}
	.contents1_2 { width:100%; margin-right:0; margin-bottom: 10px; }
	.contents1_3 { width:100%; margin-right:0; margin-bottom: 10px; }
	.contents1_4 { width:100%; margin-right:0; }

	.tapMenu {width:290px;}
	.tapMenu ul li {margin: 0 10px;}


	.contents2 h2{ margin-bottom:10px; }
	.contents2_1 { width:100%; margin-right:0; margin-bottom:10px;}
	.contents2_2 { width:100%; margin-right:0; margin-bottom: 10px; }
	.contents2_3 { width:100%; margin-right:0; margin-bottom: 10px; }
	.contents2_4 { width:100%; margin-right:0; }

	.contents3 h2 {margin-bottom: 10px;}
	.contents3_1 { width:100%; overflow: hidden; margin-bottom: 10px; margin-right:0;}
	.contents3_2 {width:100%;}
	.contents3_1box1{ width:49%;  margin-right:2%; }
	.contents3_1box2{ width:49%;  }
	.contents3_2box{ width:100%;  }

	.contents3_2box ul li a { width:250px;  }

	.footerBody_wrap{ width:100%; padding:20px 20px;     box-sizing: border-box;}
	.footerBottom_wrap{ width:100%; padding:10px 20px;  box-sizing: border-box; }

	.contFooter_box { margin:0; width:100%; padding: 40px 20px;  box-sizing: border-box;  height:450px; }
	.contFooter_box ul li a {width:190px; }
	.contFooter_box h2 {  margin-bottom: 10px;}
	.contFooter_box1 { width:300px;height:120px; float:none;  margin:0 auto; margin-bottom:10px;}
	.contFooter_box2 { width:300px;height:120px; float:none;  margin:0 auto; margin-bottom:10px;}
	.contFooter_box3 { width:300px;height:120px; float:none;  margin:0 auto; margin-bottom:10px;}
	.contFooter_box3 ul li a { width: 90px;}

	.footerMap {margin-bottom:  10px; width:120px;}
	.footerBottom_wrap img {width:35px;}

	#subVisual { overflow: hidden; }
	.subContainer { width: 100%;}
	#lnb { display:none; }
	.contents { width:100%; float:none;}

	.subConTitle .location { display:none; }

	.subContents .itrConHead { margin: 20px 0 20px 0px; text-align: center;}
	.subContents .itrConHead img {width: 100%}

	.subContents .introCon2 { width: 100%; position: relative;}
	.subContents .introCon3 { width: 100%; position: relative; margin-top:0;}
	.subContents .introCeo { background: url(../img/ggc.png) no-repeat 80% 40%; }
	.subContents .introName {bottom:0;}

	.ogn { background-size: 40% }
	.ogn .ognConHead img { width:300px; }
	.ogn .ognImg { width: 100%; }
	.agreeArticle .textArea { width: 100%; box-sizing: border-box; }

	.join { background-size: 40%; }
	.join .joinConHead img { width:300px; }
	.joinTapMenu { width:270px; }
	.joinTapMenu ul li { padding-right: 67px; background: url(../img/joinArrow.png)no-repeat 70px 20px;}
	#joinTap3 img {width:90%;}
	.joinTapMenu ul li a .tap1 { width: 45px; height: 50px; background: url(../img/join_btn1.png) no-repeat center -50px; background-size: 100%; }
	.joinTapMenu ul li a .tap2 { width: 45px; height: 50px; background:url(../img/join_btn2.png) no-repeat center -50px; background-size: 100%;}
	.joinTapMenu ul li a .tap3 { width: 45px; height: 50px; background:url(../img/join_btn3.png) no-repeat center -50px; background-size: 100%;}

	.bod { background-size:40%; }
	.bod .bodConHead img { width:300px; }
	.search p { display: none; }
	.board thead th { display: none; }
	.board thead th:nth-child(1) {display: table-cell;}
	.board thead th:nth-child(2) {display: table-cell;}
	.board tbody tr td { display: none; }
	.board tbody tr td:nth-child(1) { display: table-cell; }
	.board tbody tr td:nth-child(2) { display: table-cell; }
	.bod .page { margin-top: 20px; }
	.page ul li a { padding: 5px 7px; }


}







/*한국형 반응형*/
/*넓이 % 높이 고정값 글자 고정값*/