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

/* 나눔고딕 */
@font-face{
	font-family:'Nanum Gothic';
	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.woff2) format('woff2'),
	   url(./font/NanumGothic-Regular.woff) format('woff'),
	   url(./font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:700;
	src:url(./font/NanumGothic-Bold.eot);
	src:url(./font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	   url(./font/NanumGothic-Bold.woff2) format('woff2'),
	   url(./font/NanumGothic-Bold.woff) format('woff'),
	   url(./font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face{
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:800;
	src:url(./font/NanumGothic-ExtraBold.eot);
	src:url(./font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	   url(./font/NanumGothic-ExtraBold.woff2) format('woff2'),
	   url(./font/NanumGothic-ExtraBold.woff) format('woff'),
	   url(./font/NanumGothic-ExtraBold.ttf) format('truetype');
}


/* Light */
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 300;
src:url(./font/NotoSansCJKkr-Light.eot);
src:url(./font/NotoSansCJKkr-Light.eot?#iefix) format('embedded-opentype'),
url(./font/NotoSansCJKkr-Light.woff) format('woff'),
url(./font/NotoSansCJKkr-Light.ttf) format('truetype');
}


/* Regular */
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 400;
src:url(./font/NotoSansCJKkr-Regular.eot);
src:url(./font/NotoSansCJKkr-Regular.eot?#iefix) format('embedded-opentype'),
url(./font/NotoSansCJKkr-Regular.woff) format('woff'),
url(./font/NotoSansCJKkr-Regular.ttf) format('truetype');
}

/* Medium */
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 500;
src:url(./font/NotoSansCJKkr-Medium.eot);
src:url(./font/NotoSansCJKkr-Medium.eot?#iefix) format('embedded-opentype'),
url(./font/NotoSansCJKkr-Medium.woff) format('woff'),
url(./font/NotoSansCJKkr-Medium.ttf) format('truetype');
}


/* Bold */
@font-face {
font-family: 'NotoSansKR';
font-style: normal;
font-weight: 700;
src:url(./font/NotoSansCJKkr-Bold.eot);
src:url(./font/NotoSansCJKkr-Bold.eot?#iefix) format('embedded-opentype'),
url(./font/NotoSansCJKkr-Bold.woff) format('woff'),
url(./font/NotoSansCJKkr-Bold.ttf) format('truetype');
}


/* Reset */
*{word-break:keep-all;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,h1,h2,h3,h4,h5,h6{margin:0;padding:0; letter-spacing: -0.05em;}
body,input,select,textarea,button,table,h1,h2,h3,h4,h5,h6{font-family:"Nanum Gothic","NotoSansKR","dotum","돋움";}
body { width:100%; }
ul,ol,li{display:block;list-style:none;}
ul:after,ol:after,dl:after{display:block;content:'';clear:both;}
img{border:0px none;}
img,input,select,button,label{vertical-align:middle;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#222;}
a:hover{text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed; text-align: center;}
article,aside,hgroup,header,footer,figure,figcaption,nav,section{display:block;}
.clear{display:block;height:0px;font-size:0px;font-size:0em;line-height:0px;content:'';overflow:hidden;clear:both;}
caption,.soundOnly{display:inline-block !important;position:absolute !important;top:0 !important;left:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important;}
.afterClear:after{display:block;content:'';clear:both;}
.floatLeft{float:left; }
.floatRight{float:right; }
.floatBtnRight{float: right;width: 60%;}
.floatBtnRight a{float:right; display: inline-block; margin-left: 2%; }
.alignLeft{text-align:left !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.noBr{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.inner{position:relative;margin:0 auto; max-width:1200px; width:100%; clear:both; font-family: 'Noto Sans KR', sans-serif; } 
.innerList{position:relative;margin:0 auto;max-width:1200px;clear:both;}
.fc_orange{color:#f47a3b;}
input:focus {outline: none;} /*크롬 파란 테두리  */
textarea{outline: none;} 
audio{max-width: 300px;}

/*Size*/
.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w80{width:80px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}
.w15{width:15px}.w25{width:25px}.w35{width:35px}.w45{width:45px}.w55{width:55px}.w65{width:65px}.w75{width:75px}.w85{width:85px}.w90{width:95px}
.w810{width:810px;}.w820{width:820px;}.w830{width:830px;}.w840{width:840px;}.w850{width:850px;}.w860{width:860px;}.w870{width:870px;}.w880{width:880px;}.w890{width:890px;}
.w5p{width:5%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w48p{width:48%}.w49p{width:49%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:99.9%}
.h10{height:10px}.h20{height:20px}.h30{height:30px}.h40{height:40px}.h50{height:50px}.h60{height:60px}.h70{height:70px}.h80{height:80px}.h90{height:90px}.h100{height:100px}.h110{height:110px}.h120{height:120px}.h130{height:130px}.h140{height:140px}.h150{height:150px}.h160{height:160px}.h170{height:170px}.h180{height:180px}.h190{height:190px}.h200{height:200px}.h210{height:210px}.h220{height:220px}.h230{height:230px}.h240{height:240px}.h250{height:250px}.h260{height:260px}.h270{height:270px}.h280{height:280px}.h290{height:290px}.h300{height:300px}.h310{height:310px}.h320{height:320px}.h330{height:330px}.h340{height:340px}.h350{height:350px}.h360{height:360px}.h370{height:370px}.h380{height:380px}.h390{height:390px}.h400{height:400px}.h410{height:410px}.h420{height:420px}.h430{height:430px}.h440{height:440px}.h450{height:450px}.h460{height:460px}.h470{height:470px}.h480{height:480px}.h490{height:490px}.h500{height:500px}.h510{height:510px}.h520{height:520px}.h530{height:530px}.h540{height:540px}.h550{height:550px}.h560{height:560px}.h570{height:570px}.h580{height:580px}.h590{height:590px}.h600{height:600px}.h610{height:610px}.h620{height:620px}.h630{height:630px}.h640{height:640px}.h650{height:650px}.h660{height:660px}.h670{height:670px}.h680{height:680px}.h690{height:690px}.h700{height:700px}

/*Layout*/
#overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:99;}
#wrap{position:relative; width: 100%;}
#header{width: 100%; height:82px;background:#f5f5f5; }
#header .inner{max-width:1080px; width: 100%;}
#header h1{display:block;position:absolute;top:30px;left:10px; z-index:999;}
#header h1 img{max-width: 100px; width: 100%;}
.titleSingle{padding-bottom: 30px;}
.loading { z-index:105; position:fixed; top:50%; left:50%; margin:-160px 0 0 -160px; }

#header #gnb{position: absolute; padding:24px 0 0 140px; z-index:100;}
#header #gnb ul,
#header #gnb ul li,
#header #gnb ul li a{display:block;}
#header #gnb > ul{width:710px;}
#header #gnb > ul:after{display:block;content:'';clear:both;}
#header #gnb > ul > li{float:left; width:20%;}
#header #gnb > ul > li > a{margin:0 5px;height:52px;font-size:19px;font-weight:bold;color:#222;line-height:52px;text-align:center;}
#header #gnb > ul > li > ul{display:none; font-size: 14px;}
#header #gnb > ul > li > ul{padding:20px 0;}
#header #gnb > ul > li > ul > li{padding:12px 0;text-align:center;}
#header #gnb > ul > li > ul > li a{color:#727272;}
#header #gnb.hover > ul > li > ul{display:block;}
#header #gnbBg{display:none;position:absolute;top:082px;left:0;right:0;z-index:99;height:220px;background:#dddddd;}
#header #gnbBg.hover{display:block;}
#header #topNav{position:absolute;top:30px;right:0; width: 230px;}
#header #topNav a{display:inline-block; position: relative; float: left; margin-left:15px;width:95px;height:32px;font-size:17px;font-weight:bold;color:#fff;line-height:32px;text-align:center;border-radius:16px;vertical-align:middle;}
#header #topNav a.btn_topLogin{background:#f47a3b;}
#header #topNav a.btn_topJoin{background:#faa71c;}
#header #topNav a.btn_topLogout{background:#f47a3b;}
.btn_modalNaviClose{display:block; text-align: right; height:40px; background:url(../images/btn_modalClose.png) no-repeat 95% 35%; font-size: 0;}

#header #mobile_gnb{display: none; visibility: hidden; position: absolute; top:0; left:0;z-index:1200;  background: #fff; min-width: 250px; }
#header #mobile_gnb>ul>li{border-bottom:1px solid #e0e0e0;font-size:18px; padding: 10% 20% 10% 10%; }
#header #mobile_gnb > ul > li > a{display: inline-block; font-weight:bold;color:#222;line-height:1.3em; padding:5% 0;}
#header #mobile_gnb > ul > li > ul{padding:1% 0;}
#header #mobile_gnb > ul > li > ul > li{padding:1% 0;}
#header #mobile_gnb > ul > li > ul > li a{color:#727272;}
#header .mobile_gnbComment{background: #ddd; color: #666; font-size: 12px; text-align: center;}
#header #mobile_topNav{background:  #dddddd; padding: 10px 0 20px 0;}
#header #mobile_topNav a{display:inline-block;margin-left:15px;width:100px;height:40px;font-size:17px;font-weight:bold;color:#fff;line-height:38px;text-align:center;border-radius:38px;vertical-align:middle;}
#header #mobile_topNav a.btn_topLogin{background:#f47a3b;}
#header #mobile_topNav a.btn_topJoin{background:#faa71c;}
#header .mobile_Header{background:  #dddddd;}
#all_category{display: none; position: absolute; top:11px; left:5%;}
#container{min-height: 700px}

#footer{padding:40px 0;background:#cfcfcf;}
#footer .inner{max-width: 1050px; position: relative; width: 100%;}
#footer .footerNav{position: absolute; top:10px; left:25px;}
#footer .footerNav li{display:block;float:left;margin-right:42px;line-height:34px;}
#footer .footerNav li a{font-size:17px;font-weight:bold;color:#555;}
#footer .footerInfo{margin-top:10px; text-align: right; font-size: 13.2px;}
#footer .footerInfo li{display: inline-block;  position:relative;margin-right:0.5%;padding-right:0.5%;color:#808080;line-height:34px;letter-spacing: 0.09em; text-align: right;}
#footer .footerInfo li:after{content:'';position:absolute;top:50%;right:0;margin-top:-6px;height:12px;border-right:1px #bcbcbd solid;}
#footer .footerInfo li.last{margin-right:0;padding-right:0;}
#footer .footerInfo li.last:after{display:none;}
#footer p{font-size:12px;color:#808080;text-align:right; padding-top: 10px;}
#footer .footerCustom{display:block; font-size:17px;font-weight:bold;color:#555; text-align: right;}
#footer .footerCustom b{font-size:30px;font-weight:800;letter-spacing:-1px;}
#subVisual{background:#0f6970; height: 125px; }
#subVisual h2{display:block;padding-top:27px;font-size:36px;font-weight:700;color:#fff;text-align:center;}
#subVisual .inner h2 a{color:#fff;}
#subVisual ul{display:block;padding:5px 0;text-align:center;}
#subVisual ul li{display:inline-block;margin:0 20px;}
#subVisual ul li a{display:inline-block; padding-top: 7%;font-size:16px;font-weight:bold;color:#888;}
#subVisual ul li.active a{color:#fff;}

#subVisualSingle{background:#0f6970;  }
#subVisualSingle h2{display:block;padding-top:27px;font-size:36px;font-weight:700;color:#fff;text-align:center;}
#subVisualSingle .inner h2 a{color:#fff;}
#subVisualSingle ul{display:block;padding:5px 0;text-align:center;}
#subVisualSingle ul li{display:inline-block;margin:0 20px;}
#subVisualSingle ul li a{display:inline-block; padding-top: 7%;font-size:16px;font-weight:bold;color:#888;}
#subVisualSingle ul li.active a{color:#fff;}

#content{min-height:600px;}
#content.paddingTop{padding-top:40px;}
#content.paddingTop .inner{max-width: 1040px;}
#content.paddingBottom{padding-bottom:60px;}

/*Modal*/
.modalWrap{display:none;position:absolute;top:150px; left:0; right:0;background:#f5f5f5;border:1px #838383 solid;border-radius:1px;box-sizing:border-box;z-index:999; max-width: 520px; width: 100%; margin: 0 auto;}
.modalWrap.active{display:block;}
.modalWrap .modalHeader{display:block;position:relative;height:80px;line-height:80px;}
.modalWrap .modalHeader h4{display:block;padding-top:8px;height:80px;font-weight:normal;text-align:center;line-height:80px;font-size:24px;font-weight:bold;}
.modalWrap .modalHeader .btn_modalEmailClose{display:block;position:absolute;top:15px;right:20px;width:40px;height:40px;text-indent:-9999em;background:url(../images/closePop.png) no-repeat center center;}
.modalWrap .modalHeader .btn_modalClose{display:block;position:absolute;top:20px;right:20px;width:40px;height:40px;text-indent:-9999em;background:url(../images/btn_modalClose.png) no-repeat center center;}
.modalWrap .modalContent{margin:0 5% 5%;}
#modal_alertChrome{}
.alertChrome{font-size:24px;color:#333;text-align:center;line-height:140%;}
.alertChrome b{font-size:30px;}
#modal_alertAuth{width: 100%; max-width:520px; margin: 0 auto;}
.alertAuth{font-size:24px;color:#333;text-align:center;line-height:140%;}
.alertAuth b{color:#f47a3b;}
.alertAuth .btn_customStart{display:inline-block;width:150px; padding: 10px 0;  background: #f47a3b; color:#fff;-webkit-border-radius: 5px;  -moz-border-radius:5px; border-radius:5px;}
#modal_alertDelete{margin-left:-300px;width:600px;}
.alertDelete{font-size:18px;text-align:center;line-height:140%;}

#modal_denyEmail .modalHeader{position: relative; height: 50px;font-size: 25px;padding: 18px 0 0 20px;background: #f68121;color: #fff;}
#modal_denyEmail .modalHeader h4{ padding-top: 15px; text-align: center; line-height: 0; height:25px; }
#modal_denyEmail .modalHeader .btn_modalClose{position: absolute;right:10px; top:10px;}
#modal_denyEmail .modalContent{margin: 20px; font-size: 12px;}
#modal_denyEmail .modalContent span{display: inline-block; font-size: 15px; padding: 20px 0;}
#modal_denyEmail .memberDeco{width:100%; border-bottom: 1px solid #ddd;  }
#modal_denyEmail  p{padding: 20px 0; font-size: 15px;}

/*LayerPopup*/
.modalFrame{display:none;position:absolute;top:20px;left:38%;margin-left:-330px;background:#fff;border:1px #838383 solid;border-radius:1px;box-sizing:border-box;z-index:999;}
.modalFrame.active{display:block;}
.modalFrame .modalHeader{display:block;position:relative;height:7px;line-height:80px;}
.modalFrame .modalHeader h4{display:block;padding-top:8px;height:80px;font-weight:normal;text-align:center;line-height:80px;font-size:31px;font-weight:bold;}
.modalFrame .modalHeader .btn_modalClose{display:block;position:absolute;top:20px;right:20px;width:40px;height:40px;text-indent:-9999em;background:url(../images/btn_modalClose.png) no-repeat center center; z-index: 1000;}
.modalHeader .btn_modalClose2{display:block;position:absolute;top:10px;right:10px;width:40px;height:40px;text-indent:-9999em;background:url(../images/btn_modalClose.png) no-repeat center center; z-index: 1000;}
.modalFrame .modalContent{margin:0 50px 50px;}

#modal_alertResult2, #modal_alertResult3{background: #f5f5f5;}
.btnResultArea {text-align: center; margin-top: 20px;}
.btnResultArea a{display:inline-block;padding:0 32px;height:50px;font-size:18px;font-weight:bold;color:#666;line-height:45px;text-align:center;background:#fff;border:2px #999 solid;border-radius:10px;vertical-align:middle;box-sizing:border-box;}


/*Button*/
.btnArea{display:block;margin:20px 0;text-align:center;clear:both;}
.btnArea .btn_inline{margin:0 10px;}
.btn_m{display:inline-block;padding:0 75px;height:48px;font-size:18px;font-weight:bold;color:#999;line-height:46px;text-align:center;background:#fff;border-radius:10px;vertical-align:middle;box-sizing:border-box;}
.btn_inline{display:inline-block;padding:0 6%;height:48px;font-size:18px;font-weight:bold;color:#666;line-height:46px;text-align:center;background:#ccc;border:1px #ccc solid;border-radius:10px;vertical-align:middle;box-sizing:border-box;}
.btn_inline img{width: 100%; max-width: 20px; vertical-align:middle; padding-bottom: 10%;}
.btn_small{display:inline-block;width:80%;height:48px;font-size:18px;font-weight:bold;color:#666;line-height:48px;text-align:center;background:#ccc;border-radius:10px;vertical-align:middle;box-sizing:border-box;}
.btn_inline input[type='checkbox']{border-color:#111;}
.btn_orange{color:#fff;background:#f47a3b;border-color:#f47a3b;}
.btn_green{color:#fff;background:#07899b;border-color:#07899b;}
.btn_focus{color:#fff;background:#f47a3b;border-color:#f47a3b;}
.btn_gray{color:#666;background:#ccc;}
.btn_white{color:#666;background:#fff; border: 1px solid #cccccc;}
.btn_nobg{color:#666;background:#fff;border-color:#999;}
.btn_add{background:#999999; color: #fff;}
.btn_inline.border{background:#fff;}
.modalWrap .btnArea > *{}
.btn_inline .textIcon{font-size:30px;}

/*Form*/
input[type='text'],
input[type='password']{padding:0 3%;height:44px;font-size:18px;font-weight:bold;color:#666;line-height:18px;border:1px #ccc solid;box-sizing:border-box;}
select{padding:0 28px;height:44px;font-size:18px;font-weight:bold;color:#666;border:1px #ccc solid;box-sizing:border-box;
background: url(../images/option_icon.png) no-repeat 95% 50%; -webkit-appearance: none;  -moz-appearance: none; appearance: none; }
select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
input[type='text'].input_bottomDotLine{padding:0;font-size:20px;text-align:center;letter-spacing:6px;background:none;border:0px none;border-bottom:2px #333 solid;outline:0px none;}
input[type='text'].input_bottomDotLine.word4{/*width:50%;*/}
input[type='text'].input_bottomDotLine.word2{width:28%;}
input[type='checkbox']{width:37px;height:37px;text-indent:-9999em;background:url(../images/icon_checkbox.png) no-repeat;border:0px none;-webkit-appearance:none;outline:none;cursor:pointer;}
input[type='checkbox']:checked{background:url(../images/icon_checkbox_on.png) no-repeat;}
/*input[type='radio']{width:37px;height:37px;text-indent:-9999em;background:url(../images/icon_checkbox.png) no-repeat;border:0px none;-webkit-appearance:none;outline:none;cursor:pointer;}
input[type='radio']:checked{background:url(../images/icon_checkbox_on.png) no-repeat;}*/
input[type='radio']{width: 20px; height:20px;}


/*Table*/
table{font-size:18px;border-top:1px #dedede solid;}
table.list{width: 100%;}
table th,
table td{padding:10px 0;line-height:18px;border-bottom:1px #dedede solid;}
table th{background:#f5f5f5;}
table.list td{text-align:center;}
table td.center{text-align:center;}
table td.left{text-align:left;}
table td.right{text-align:right;}

/*Paging*/
.paging{margin:40px 0;text-align:center; position: relative;}
.paging > a{display:inline-block;width:38px;height:38px;font-size:17px;text-align:center;line-height:38px;border:1px #e6e6e6 solid; margin: 1px;}
.paging > a.active{color:#fff;background:#666;}
.paging > a.btn_pagingStart{text-indent:-9999em;background:url(../images/btn_pagingStart.png) no-repeat center center;}
.paging > a.btn_pagingPrev{text-indent:-9999em;background:url(../images/btn_pagingPrev.png) no-repeat center center;}
.paging > a.btn_pagingNext{text-indent:-9999em;background:url(../images/btn_pagingNext.png) no-repeat center center;}
.paging > a.btn_pagingEnd{text-indent:-9999em;background:url(../images/btn_pagingEnd.png) no-repeat center center;}
.paging .writeLeft,
.paging .writeRight{top:0; right:0; position: absolute;}

/*Board*/
.boardList .count{display:block;margin-bottom:10px;padding-left:20px;font-size:21px;color:#999;font-weight:bold;}
.boardList  tr.unsolved{background: #ffebe1;}
.boardView{padding:60px 0;}
.boardTitle{padding:35px 20px;border-top:5px #f47a3b solid;border-bottom:1px #d6d6d6 solid;}
.boardTitle b{display:block;margin-bottom:10px;font-size:36px;font-weight:800;color:#333;}
.boardTitle p{display:block;font-size:18px;color:#999;}
.boardContent{padding:50px 0; font-size:14px;border-bottom:1px #d6d6d6 solid;}
.boardViewBanner{}
.boardViewBanner img{max-width:578px; width: 100%; }
.boardBtn{position:relative;margin:35px 0;text-align:center;}
.boardBtn .btn_boardPrev{position:absolute;top:0;left:0;font-size:18px;font-weight:bold;color:#666;line-height:64px;}
.boardBtn .btn_boardNext{position:absolute;top:0;right:0;font-size:18px;font-weight:bold;color:#666;line-height:64px;}
.boardWrite{padding:40px 0 60px;}
.boardWrite input[type='text'],
.boardWrite input[type='password'],
.boardWrite select{height:50px;font-size:20px;line-height:48px;box-sizing:border-box;}
.boardWrite textarea{padding:20px 25px;line-height:40px;text-align:left;box-sizing:border-box;}
.boardForm ul{display:block;}
.boardForm ul li{display:block;position:relative;padding:15px 0 15px 170px;font-size:20px;line-height:50px;border-bottom:1px #ececec solid;}
.boardForm ul li.editorContent{padding-left:0;border-bottom:80px;}
.boardForm ul li label{display:block;position:absolute;top:15px;left:0;padding-left:15px;font-weight:bold;}
.boardAgree{ display:block;position:relative;padding:10px 0 40px 0;font-size:20px;text-align:right;box-sizing:border-box;}
.boardAgree p{display:inline-block;position:absolute;top:0;left:0; margin:0 0 15px 5px;font-weight:bold;text-align:left;}
.boardAgree textarea{display: inline-block; width: 100%; margin-bottom:20px;line-height:30px;background:#f5f5f5; padding-top: 20px; }

.tabPage{display:none;}
.tabPage.active{display:block;}

#subVisual{}
#mainVisual{text-align:center;background:#f5f5f5;}
#mainSection2{position: relative; padding:50px 0 40px;background:#07899b;}
#mainSection2 .mainSection2Deco{position: absolute; width: 100%; text-align: center; margin: 0 auto; top:-2px; }
#mainSection2 .mainSection2Deco img{width: 100%; max-width: 56px;}
#mainSection2 span{font-size: 16px; line-height: 18px;}
#mainSection2 ul{display:block;margin:0 -38px;}
#mainSection2 ul:after{display:block;content:'';clear:both;}
#mainSection2 ul li{display:block;float:left;text-align:center;}
#mainSection2 ul li img{display: inline-block; width: 100%; max-width: 125px; float: left;}
#mainSection2 ul li p{font-size: 2rem; font-weight: bold;float: left; max-width:140px; padding-left: 5%; padding-top: 2.5%; }
#mainSection2 ul li span{display: inline-block; color: #fff;  margin-top: 3%;}
#mainSection2 ul li a{font-size:18px;color:#fff;}
#mainSection2 ul li .mainSection_btn{ padding: 5% 8.1%; max-width: 350px; background:#0f6970; border-radius: 10px; text-align: left;}
#mainSection2 ul li:nth-child(1) .mainSection_btn p{color:#f4783b;padding-top: 3%;}
#mainSection2 ul li:nth-child(2) .mainSection_btn p{color:#ffcf56;}
#mainSection2 ul li:nth-child(3) .mainSection_btn p{color:#74be45;}
#mainSection2 ul li .mainSection_btn:after{display:block;content:'';clear:both;}
#mainSection3{height:479px;background:url(../images/bg_mainSection3.jpg) no-repeat center center;}
#mainSection3 .inner{max-width: 1100px;}
#mainSection3 h5{display:block;padding:88px 0 62px;font-size:36px;font-weight:bold;color:#222;text-align:center;}
#mainSection3 ul{display:block;margin:0 -10px;}
#mainSection3 ul:after{display:block;content:'';clear:both;}
#mainSection3 ul li{display:inline-block;position:relative;width:24%;text-align:center; vertical-align: top;}
#mainSection3 ul li:after{display:block;content:'';position:absolute;top:80px;right:0;margin-top:-86px;height:174px;border-right:1px #bcbcbd solid; ver}
#mainSection3 ul li.last:after{border-right: 0;}
#mainSection3 ul li img{margin-bottom:15px; max-width: 140px; width:100%;}
#mainSection3 ul li {font-size:20px;font-weight:bold;color:#222; line-height:28px;}

/* font color */
.c0b9700{color:#0b9700;}/*녹색 */
.cf58220 {color:#f58220;} /*오렌지*/
.c999999 {color:#999;} 
.c636699 {color:#636699;}
.ce60534 {color:#e60534;}
.c3b5cb0 {color:#3b5cb0;}
.c535ace {color:#535ace;}
/*font size*/
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f24 {font-size:24px;}

/*오른쪽 왼쪽*/
.flo_r {float:right;}
.flo_l {float:left;}


/*메인타이틀*/
#mainVisual{position: relative;}
#mainVisual .mainSection1{ position:relative; max-width: 1100px; margin: 0 auto; text-align: left; position: relative; padding-bottom: 3%;}
#mainVisual .mainSection1 h1{font-size: 2.5em; color:#07899b; font-weight: 800;  }
#mainVisual .mainSection1 li:first-child{ float: left; width: 38%; padding: 11% 0 5% 2%;}
#mainVisual .mainSection1 li:first-child .bubbleArea{ position:absolute; top:12%; right:18%; text-align: left; }
#mainVisual .mainSection1 li:last-child{float: left; width: 60%; padding: 8% 0 2% 0;}
	#mainVisual .mainSection1 .btn_guide_pdf { display:inline-block; margin-top:20px; padding:5px 15px 9px; font-size:17px; font-weight:600; color:#fff; background-color:#faa71c; border-radius:30px; }  /* 18.12 추가 */
	#mainVisual .mainSection1 .btn_guide_pdf:before { content:""; display:inline-block; position:relative; top:2px; margin-right:5px; width:15px; height:15px; background:url('../images/btn_guide_pdf.png') no-repeat; }  /* 18.12 추가 */
#mainVisual .mainSection1 .title_image{width: 100%; max-width: 659px;}
#mainVisual .mainSection1 p{color:#333; font-size: 1.1em; padding-top:4%; line-height:1.5; }
#mainVisual .mainSection1 .title_bubble{padding-top: 4%; padding-left: 55px; width: 100%; max-width: 63px; }
#mainVisual .mainSection1 .title_explain{padding-top: 1%;}
#mainVisual .mainSection1 .title_explain span{color:#f47a3b;}
#mainVisual .mainSection1Btn{width: 100%; position: absolute; bottom: 7%; margin: 0 auto; text-align: center;}
#mainVisual .mainSection1Btn a{display: inline-block; padding: 0.7% 2%;  border-radius: 10px; font-size: 18px; font-weight: bold;}

#mainSection2 ul{max-width: 1110px; margin: 0 auto;}
#mainSection2 ul li{width: 30%; margin: 0 auto;}
#mainSection2 ul li:nth-child(1){padding: 0 2.5% 0 1.5%; background: url(../images/btn_Section2_arrow.png) no-repeat right 55px ; background-size:4.1%;}
#mainSection2 ul li:nth-child(2){padding: 0 2.5% 0 0.5%; background: url(../images/btn_Section2_arrow.png) no-repeat right 55px ; background-size:4.1%;}
#mainSection2 ul li:nth-child(3){padding: 0 1.5% 0 0.5% ;}

.btn_guide { margin:35px auto 0; width:420px; }
.btn_guide a { position:relative; display:inline-block; margin-left:10px; width:90px; height:90px; }
.btn_guide a:first-child { margin-left:0px; }
.btn_guide a span { position:absolute; bottom:10px; left:0px; display:block; width:100%; text-align:center; font-size:14px; color:#fff; }

.btn_guide a:first-child:before { display:none; }
.btn_guide a:before { content:""; position:absolute; top:-5px; left:-5px; display:inline-block; width:30px; height:30px; background:url('../images/btn_guide_ico.png') no-repeat; }

/* 추후 삭제 2019.03.25 */
.notice_oneid { overflow:hidden; width:720px; }
.notice_oneid img { display:inline-block; float:left; vertical-align:top; }
/* 추후 삭제 2019.03.25 */

.bg_layer { z-index:1000; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}
.pop_video { z-index:1001; display:none; position:fixed; top:50%; left:50%; margin:-295px 0 0 -480px; width:960px; height:590px; }
.pop_video h1 { padding-bottom:10px; padding-left:35px; font-size:24px; color:#fff; font-weight:30; background:url('../images/ico_video.png') no-repeat; }
.pop_video video { width:100%; height:auto; }
.pop_video .pop_close { position:absolute; top:0px; right:0px; }

/********************************MEDIA VIEW*****************************/

/* media view  1130사이즈*/
@media screen and (max-width: 1130px){
#mainSection2 ul li .mainSection_btn{ text-align: center;}
#mainSection2 ul li img{width: 100%; max-width: 125px; float: none;}
#mainSection2 ul li p{font-size: 2rem; font-weight: bold;float: none; max-width:100%; padding-left: 5%; padding-top: 2.5%; text-align: center;}
#mainSection2 ul li:nth-child(1),
#mainSection2 ul li:nth-child(2){background-position: right 80px;}
}/* media view  1030사이즈 끝 */


/* media view  1060사이즈*/
@media screen and (max-width: 1060px){
#header{background: #fff; height: auto;}
#header #gnb{display:none;}
#header #mobile_gnb{visibility: visible;}
#header #mobile_gnb{box-shadow: 1px 2px 10px #888888;}
#header #topNav{display:none;}
#header h1{position: static; text-align: center; padding: 25px 0 20px 0;}
#all_category{display: block;}
.inner{ width: 95%; } 
.innerMethod{width: 100%;}
#footer .footerCustom,
#footer .footerInfo,
#footer p{text-align:center;}
#footer .footerNav{position: relative; text-align: center; left:0; top:0; padding-top: 5px;}
#footer .footerNav li{display:inline-block;float:none;margin:0 15px;line-height:34px; }
#footer .footerNav li a{font-size:15px;font-weight:bold;color:#555;}
#footer .footerInfo{display: none;}

#mainSection3 h5{font-size: 2rem;}
#mainSection3 ul li{font-size: 1rem}
#mainSection3 ul li:nth-child(2){font-size: 0.9rem}

#mainVisual .mainSection1 li:first-child .bubbleArea{ top:10%; right:18%; }

}/* media view  1080사이즈 끝 */


/* media view  1024사이즈*/
@media screen and (max-width: 1024px){
	#mainVisual .mainSection1 li:last-child{padding-top: 15%;}
	#mainSection3 ul li img{width: 80%;}
	#mainSection2 ul li img{width: 80%;}
	#mainSection2 ul li p{font-size: 1.6rem; }
	#mainSection3{height:320px;}
	#mainSection3 h5{padding: 55px 0 31px;}
	#mainSection3 ul li:after{height:150px;}
	.paging .writeRight{position: relative; padding-top: 15px;}
	#mainVisual .mainSection1Btn a{padding: 1.2% 3%; font-size: 14px; }
	
	#mainVisual .mainSection1 .btn_guide_pdf { font-size:15px; }  /* 18.12 추가 */
	
	#mainVisual .mainSection1 li:first-child .bubbleArea{ top:20%; right:11%; }
	
	.btn_guide { padding:0 0 20px; }
	
	.pop_video { width:90%; top:25%; margin:0 0 0 -45%; }
	.pop_video h1 { font-size:1.3em; background-size:25px auto; } 
	.pop_video .pop_close img { width:20px; height:auto; }

}/* media view  1024사이즈 끝 */



/* media view  768사이즈*/
@media screen and (max-width:768px) {

	#mainVisual .mainSection1 { padding-bottom:10%; }
	#mainVisual .mainSection1 p { font-size:0.9em; padding-top:3%; line-height:1.4; }
	
	#mainVisual .mainSection1Btn a{padding:2% 4%; font-size: 14px; }
	
	#mainSection3 ul li{font-size: 0.7rem; line-height:15px; }
	#mainSection3 ul li:nth-child(2){font-size: 0.7rem;}
	#mainVisual .mainSection1 li:first-child{ position:relative; width: 90%; float: none; text-align: center; padding: 8% 0 0 0; margin: 0 auto;}
	#mainVisual .mainSection1 li:last-child{width:95%; float: none; margin:0 auto; padding-top:0;}
	#mainSection2 ul li p{font-size: 1.2rem; }
	#mainSection2 span{font-size: 0.8rem; line-height: 1.1rem;}
	#mainSection3{height:300px;}
	#modal_alertAuth{margin-left: auto; width: 95%; }
	.modalWrap{width: 95% !important; text-align: center; margin:0 auto;  left:0; right:0; font-size: 0.8rem;}
	#footer .footerCustom{font-size: 0.8rem;}
	#footer .footerCustom b{font-size: 1.5rem;}
	#footer .footerInfo li{line-height: 1.5rem;}
	#mainSection3 h5{font-size: 1.5rem;}
	#tabContainer04 .tabs04{display: block;}
	.tab_container04>div:nth-child(2){display: none;}
	.floatBtnRight{float: right;width: 48%;}
	.boardAgree .boardAgreeChoice span{display: inline-block;width: 100%; padding-bottom: 2%;}
	#mainSection2 .mainSection2Deco img{max-width: 40px}
	#mainVisual .mainSection1Btn{ bottom:5%; }

	#mainVisual .mainSection1 .btn_guide_pdf { position:absolute; bottom:-6px; right:0px; font-size:14px; }  /* 18.12 추가 */
	#mainVisual .mainSection1 .btn_guide_pdf:before { display:none; top:3px; margin-right:3px; width:13px; height:13px; background-size:100%; }  /* 18.12 추가 */
	
	.boardContent img { width:100%; }
	
	
	/* 삭제 2019.03.25 */
	.notice_oneid { overflow:hidden; width:100%; }
	.notice_oneid img { display:inline-block; float:left; vertical-align:top; }
	.notice_oneid .btn_col02,
	.notice_oneid .btn_col02 { width:50%; }
	/* 삭제 2019.03.25 */
	
	#mainVisual .mainSection1 li:first-child .bubbleArea{ position:static; text-align:center;}
	#mainVisual .mainSection1 li:first-child .bubbleArea img { padding-left:0px; margin-left:-12%; }
	#mainVisual .mainSection1 .title_explain { margin-top:-5px; }
	

}/* media view 768사이즈 끝 */

/* media view  620사이즈*/
@media screen and (max-width:620px) {
body,input,select,textarea,button,table,h1,h2,h3,h4,h5,h6{font-size:1rem;}
#mainSection3 ul li:after{height:120px;}
#mainSection2 ul li p{font-size: 0.9rem; }
audio{max-width: 200px; text-align: center;}
.boardBtn .floatLeft{float: none;  text-align: center; width: 100%;}
.boardBtn .floatRight{float: none; text-align: center; width: 100%;}
#mainVisual .mainSection1 h1{font-size: 2rem;}
#subVisual .serviceCenter li a{padding-top:5px; }
#mainSection3{height:480px;}
#mainSection3 ul li{display:inline-block;position:relative;width:45%;text-align:center; vertical-align: top; font-size: 15px; line-height: 20px; padding-bottom: 20px;}
#mainSection3 ul li:after{height:120px;}
#mainSection3 ul li:nth-child(2):after{border-right:none;}
#mainSection3 ul li img{margin-bottom:7px; max-width: 140px; width:100%;}
#mainSection3 ul li:nth-child(2){font-size: 15px;}
#mainSection2 ul li:nth-child(1),
#mainSection2 ul li:nth-child(2){background-position: right 55px;}

#mainVisual .mainSection1 .btn_guide_pdf { display:none; } /* 18.12 추가 */
}/* media view  620사이즈 끝*/


/* 크롬 자동완성 기능 */
input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}



@media screen and (max-width:490px) {
body,input,select,textarea,button,table,h1,h2,h3,h4,h5,h6{font-size:1rem;}
.btn_guide { margin:25px auto 0; width:300px }
.btn_guide a { margin:0; width:70px; height:70px; }
.btn_guide a img { width:100%; }
.btn_guide a span { bottom:5px; font-size:11px; }

}/* media view  490px 끝*/
 /********************************MEDIA VIEW*****************************/