@charset "utf-8";

/* CSS Document */
*{-webkit-text-size-adjust:none; } 

html, body { margin: 0px; padding:0px; font-family: 'Noto Sans KR', sans-serif; font-weight:normal; }
img { border : 0px;}



.clearboth{ clear: both; }
.displaynone {display:none;}


.pd {font-family: 'Courgette', cursive;}


/*pc*/
@media screen and (min-width: 1160px){ 

/* ------------------------------------------------------------------------- top -------------------------------------------------------------------------- */



/* 메인비주얼 */
#mainVisual {width:100%; height:auto; background-color:#f5f5f5;}




/* ------------------------------------------------------------------------- middle -------------------------------------------------------------------------- */

/* 메인컨텐츠 */
#PageWrap {width:100%; height:auto; margin:0 ; padding:0 0 0 0;  background-color:#ffffff; }
#PageWrap:after {content:""; display:block; clear:both;}
#PageWrap {width:100%; height:auto; margin:0 ; padding:0 0 0 0;  background-color:#ffffff; }
#PageWrap .main_contents {width:100%; height:auto; margin:0px auto; padding:0 0 0 0; background-color:#fff; }
#PageWrap .main_contents:after {content:""; display:block; clear:both;}

/* 서브컨텐츠 */
#PageWrap {width:100%; height:auto; margin:0 ; padding:0 0 0 0;  background-color:#ffffff; }
#PageWrap .sub_contents {width:1160px; height:auto; margin:20px auto; padding:0 0 0 0; background-color:#fff; }
#PageWrap .sub_contents:after {content:""; display:block; clear:both;}
#PageWrap .sub_contents .sampleImg p {color:#333333; font-size:14px; line-height:150%; display:block; padding:20px 0;}
#PageWrap .sub_contents .sampleImg p > a > b{color:#ff0000; font-weight:bold;}

/* 임시 이미지 */
#PageWrap .sub_contents .sampleImg {text-align:center; margin:20px auto; padding:0 0 0 0; }
#PageWrap .sub_contents .sampleImg img{width:auto; height:auto; margin:0; padding:0 0 0 0; }
#PageWrap .sub_contents .sampleImg:after {content:""; display:block; clear:both;}



/* 서브메뉴 */
#topSubmenu {width:100%; height:50px;  border-bottom:#ddd 1px solid; }
#topSubmenu:after {content:""; display:block; clear:both;}


#topSubmenu .menu0t ul {width:1160px; margin:0 auto; padding:0;text-align:center;}
#topSubmenu .menu0t ul li { display:inline-block; width:13%; height:50px; line-height:50px; margin:0;  background-color:none; box-sizing:border-box;}
#topSubmenu .menu0t ul li a{display:block; font-size:15px; color:#999; height:50px; line-height:50px; font-weight:normal; transition: all 0.3s; border-bottom:#fff 3px solid; box-sizing:border-box;}
#topSubmenu .menu0t ul li a:hover{display:block; font-size:15px; color:#333; height:50px; line-height:50px; font-weight:normal; border-bottom:#2c3b98 3px solid; box-sizing:border-box;}
#topSubmenu .menu0t ul li.smon a{display:block; font-size:15px; color:#333; height:50px; line-height:50px; font-weight:600; border-bottom:#2c3b98 3px solid; box-sizing:border-box;}







/* 타이틀바 */
#titleBar {width:100%; height:150px; line-height:auto; margin:0 0 0 0; background-color:#ffffff; border-bottom:#e5e5e5 1px solid;}
#titleBar:after {content:""; display:block; clear:both;}
#titleBar .tB_pname{width:100%; height:auto; line-height:auto; margin:0; padding:35px 0 0 0; color:#333333; text-align:center; font-size:36px; box-sizing:border-box; }
#titleBar .tB_pname:after {content:""; display:block; clear:both;}
#titleBar .tB_pname span{width:100%; margin:0; display:block; color:#999999; text-align:center; font-size:13px; font-weight:200;}




/* ------------------------------------------------------------------------- bottom -------------------------------------------------------------------------- */




/* footer black */
/*
footer {width:100%; }
footer:after {content:""; display:block; clear:both;}
#footer {width:100%; padding:0 0 30px 0; background:#363533;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea{width:100%; margin:0; background-color:#43423f; height:35px; line-height:35px; }
#footer .ftArea .ftAreaMenu{width:1160px; margin:0 auto; }
#footer .ftArea .ftAreaMenu:after{content:""; display:block; clear:both;}
#footer .ftArea .ftAreaMenu .menuList{ float:left; width:50%; margin:7px 0 0 0; }
#footer .ftArea .ftAreaMenu .menuList ul {}
#footer .ftArea .ftAreaMenu .menuList ul li{float:left; text-align:left; font-size:12px; padding:0 15px 0 0; margin:0 15px 0 0; height:20px; line-height:20px; border-right:#666666 1px solid; font-weight:normal; box-sizing:border-box;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#999999;}
#footer .ftArea .ftAreaMenu .menuList ul li a:hover {color:#cccccc;}
#footer .ftArea .ftAreaMenu .menuList b {color:#cccccc;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:left; width:50%; margin:0; }
#footer .ftArea .ftAreaMenu .homeBtn ul {float:right; text-align:right;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; padding:0 0; margin:0; width:80px; height:35px; text-align:center; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:12px; font-weight:normal; color:#999; display:block;}
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:12px; font-weight:normal; color:#999; display:block;}

#footer .copyArea {width:1160px; margin:35px auto; color:#777777; line-height:150%;}

#footer .copyArea .caLeft {float:right; width:80%;}
#footer .copyArea .caLeft .ftLogo{float:left;}
#footer .copyArea .caLeft .ftLogo img{width:auto; height:20px;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px; float:left; padding:0px 0 0 40px; box-sizing:border-box;}
#footer .copyArea .caLeft .addressInfo a{ color:#999999;}
#footer .copyArea .caLeft .addressInfo .copyright{}



#footer .copyArea .caRight {float:right; width:20%; text-align:right; }
#footer .copyArea .caRight .cr-tit01{display:block; padding:0 0 0 0; font-size:14px; color:#999999;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1{display:block; font-size:30px; color:#cccccc;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1 a{color:#cccccc;}
*/



/* footer white */
footer {width:100%; }
footer:after {content:""; display:block; clear:both;}

/* 샘플사이트 표시 */
footer .btm_sample {position:fixed; bottom:0; width:100%; height:50px; line-height:50px; text-align:center; background-color:rgba(0, 0, 0, 0.30); color:#000; font-weight:600; }
footer .btm_sample img {width:auto; height:30px; vertical-align:middle;}

#footer {width:100%; padding:0 0 30px 0; background:#ffffff;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea{width:100%; margin:0; background-color:#efefef; height:35px; line-height:35px; }
#footer .ftArea .ftAreaMenu{width:1160px; margin:0 auto; }
#footer .ftArea .ftAreaMenu:after{content:""; display:block; clear:both;}
#footer .ftArea .ftAreaMenu .menuList{ float:left; width:50%; margin:7px 0 0 0; }
#footer .ftArea .ftAreaMenu .menuList ul {}
#footer .ftArea .ftAreaMenu .menuList ul li{float:left; text-align:left; font-size:12px; padding:0 15px 0 0; margin:0 15px 0 0; height:20px; line-height:20px; border-right:#cccccc 1px solid; font-weight:normal; box-sizing:border-box;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#999999;}
#footer .ftArea .ftAreaMenu .menuList ul li a:hover {color:#333333;}
#footer .ftArea .ftAreaMenu .menuList b {color:#666666;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:left; width:50%; margin:0; }
#footer .ftArea .ftAreaMenu .homeBtn ul {float:right; text-align:right;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; padding:0 0; margin:0; width:80px; height:35px; text-align:center; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:12px; font-weight:normal; color:#666; display:block;}
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:12px; font-weight:normal; color:#666; display:block;}

#footer .copyArea {width:1160px; margin:35px auto; color:#777777; line-height:150%;}

#footer .copyArea .caLeft {float:right; width:80%;}
#footer .copyArea .caLeft .ftLogo{float:left;}
#footer .copyArea .caLeft .ftLogo img{width:auto; height:30px;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px; float:left; padding:0px 0 0 40px; box-sizing:border-box; font-weight:200;}
#footer .copyArea .caLeft .addressInfo a{ color:#999999;}
#footer .copyArea .caLeft .addressInfo .copyright{}



#footer .copyArea .caRight {float:right; width:20%; text-align:right; }
#footer .copyArea .caRight .cr-tit01{display:block; padding:0 0 0 0; font-size:14px; color:#666666;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1{display:block; font-size:30px; color:#666666;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1 a{color:#333333;}




.ad_link_w a{display:inline-block; font-size:11px; color:#fff !important;font-weight:200; width:auto; height:20px; line-height:20px; padding:0 5px; background-color:#cccccc !important; border-radius:3px;}
.ad_link_b a{display:inline-block; font-size:11px; color:#cccccc !important;font-weight:200; width:auto; height:20px; line-height:20px; padding:0 5px; background-color:#424242 !important; border-radius:3px;}


/* ------------------------------------------------------------------------- etc -------------------------------------------------------------------------- */





.memPrivacy {width: 100%; height: 500px; border: #f0f0f0 1px solid; padding: 30px 30px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #fff; font-family: NanumGothic, 'Nanum Gothic', '나눔고딕', NG, sans-serif; }
.memAgree {width: 100%; height: 500px; border: #f0f0f0 1px solid; padding: 30px 30px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #fff; font-family: NanumGothic, 'Nanum Gothic', '나눔고딕', NG, sans-serif; }


.noemail {width: 80%; height: auto; border: #ffffff 10px solid; margin:0 auto; padding: 30px 30px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #ffffff; }



.topSys { margin: 0; width: auto;  height: auto;  top:0;  left:0; position: absolute; }
.topSys a.topBtn { position: fixed;  right: 20px;   bottom: 20px;  display: none; opacity:.5; transition: all 0.3s;}
.topSys a.topBtn:hover{opacity:1;}



/* 준비중 */
#soon {width:600px; height:auto; padding:80px 0;  margin:100px auto; text-align:center; background-color:#f5f5f5; border-radius:50px;}
#soon:after {content:""; display:block; clear:both;}
#soon .s_circle{padding:0 0 0 0; height:130px; line-height:100px; font-size:100px; color:#0f86e1; }
#soon .tit01{padding:0 0 0 0; font-size:24px; color:#424242;font-weight:600; }
#soon .desc01{padding:10px 0 0 0; font-size:14px; color:#777777;font-weight:normal; }




}













/* tablet */
@media screen and (min-width: 800px) and (max-width: 1159px) {   


/* ------------------------------------------------------------------------- top -------------------------------------------------------------------------- */

/* 메인비주얼 */
#mainVisual {width:100%; height:auto; background-color:#f5f5f5;}



/* ------------------------------------------------------------------------- middle -------------------------------------------------------------------------- */


/* 메인컨텐츠 */
#PageWrap {width:100%; height:auto; margin:0 ; padding:0 0 0 0;  background-color:#ffffff; }
#PageWrap:after {content:""; display:block; clear:both;}
#PageWrap .main_contents {width:100%; height:auto; margin:0 auto; padding:0 0 0 0; background-color:#fff; }
#PageWrap .main_contents:after {content:""; display:block; clear:both;}



/* 서브컨텐츠 */
#PageWrap {width:100%; height:auto; margin:0 ; padding:0 0 0 0;  background-color:#ffffff; }
#PageWrap .sub_contents {width:95%; height:auto; margin:20px auto; padding:0 0 0 0; background-color:#fff; }
#PageWrap .sub_contents:after {content:""; display:block; clear:both;}

/* 임시 이미지 */
#PageWrap .sub_contents .sampleImg {text-align:center; margin:20px auto; padding:0 0 0 0; }
#PageWrap .sub_contents .sampleImg img{width:100%; height:auto; margin:0; padding:0 0 0 0; }
#PageWrap .sub_contents .sampleImg:after {content:""; display:block; clear:both;}
#PageWrap .sub_contents .sampleImg p {color:#333333; font-size:0.9em; line-height:150%; display:block; padding:20px 0;}
#PageWrap .sub_contents .sampleImg p > a > b{color:#ff0000; font-weight:bold;}



/* 서브메뉴 */
#topSubmenu {width:100%; height:40px;  border-bottom:#ddd 1px solid; }
#topSubmenu:after {content:""; display:block; clear:both;}


#topSubmenu .menu0t ul {width:100%; margin:0 auto; padding:0;text-align:center;}
#topSubmenu .menu0t ul li { display:inline-block; width:15%; height:40px; line-height:40px; margin:0;  background-color:none; box-sizing:border-box;}
#topSubmenu .menu0t ul li a{display:block; font-size:13px; color:#999; height:40px; line-height:40px; font-weight:normal; transition: all 0.3s; border-bottom:#fff 3px solid; box-sizing:border-box;}
#topSubmenu .menu0t ul li.smon a{display:block; font-size:13px; color:#333; height:40px; line-height:40px; font-weight:600; border-bottom:#2c3b98 3px solid; box-sizing:border-box;}


/* 타이틀바 */
#titleBar {width:100%; height:100px; line-height:auto; margin:0 0 30px 0; background-color:#ffffff; border-bottom:#e5e5e5 1px solid;}
#titleBar:after {content:""; display:block; clear:both;}
#titleBar .tB_pname{width:100%; margin:0; padding:10px 0 0 0; color:#333333; text-align:center; font-size:30px; box-sizing:border-box;}
#titleBar .tB_pname:after {content:""; display:block; clear:both;}
#titleBar .tB_pname span{width:100%; margin:0; display:block; color:#999999; text-align:center; font-size:13px; font-weight:200;}




/* ------------------------------------------------------------------------- bottom -------------------------------------------------------------------------- */




/* footer black */
/*
footer {width:100%; }
footer:after {content:""; display:block; clear:both;}
#footer {width:100%; padding:0 0 30px 0; background:#363533;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea{width:100%; margin:0; background-color:#43423f; height:35px; line-height:35px; }
#footer .ftArea .ftAreaMenu{width:100%; margin:0 auto; }
#footer .ftArea .ftAreaMenu:after{content:""; display:block; clear:both;}
#footer .ftArea .ftAreaMenu .menuList{ float:left; width:50%; margin:7px 0 0 0; }
#footer .ftArea .ftAreaMenu .menuList ul {}
#footer .ftArea .ftAreaMenu .menuList ul li{float:left; text-align:left; font-size:12px; padding:0 7px 0 7px; margin:0 0 0 0; height:20px; line-height:20px; border-right:#666666 1px solid; font-weight:normal; box-sizing:border-box;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#999999;}
#footer .ftArea .ftAreaMenu .menuList ul li a:hover {color:#cccccc;}
#footer .ftArea .ftAreaMenu .menuList b {color:#cccccc;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:left; width:50%; margin:0; }
#footer .ftArea .ftAreaMenu .homeBtn ul {float:right; text-align:right;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; padding:0 0; margin:0; width:80px; height:35px; text-align:center; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:12px; font-weight:normal; color:#999; display:block;}
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:12px; font-weight:normal; color:#999; display:block;}

#footer .copyArea {width:100%; margin:35px auto; color:#777777; line-height:150%;}

#footer .copyArea .caLeft {float:right; width:70%; padding:0 0 0 15px; box-sizing:border-box;}
#footer .copyArea .caLeft .ftLogo{float:none; padding:0 0 10px 0;}
#footer .copyArea .caLeft .ftLogo img{width:auto; height:20px;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px; float:none; padding:0px 0 0 0px; box-sizing:border-box;}
#footer .copyArea .caLeft .addressInfo a{ color:#999999;}
#footer .copyArea .caLeft .addressInfo .copyright{}



#footer .copyArea .caRight {float:right; width:30%; text-align:right; padding:0 15px 0 0; box-sizing:border-box;}
#footer .copyArea .caRight .cr-tit01{display:block; padding:0 0 0 0; font-size:14px; color:#999999;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1{display:block; font-size:30px; color:#cccccc;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1 a{color:#cccccc;}
*/


/* footer white */
footer {width:100%; }
footer:after {content:""; display:block; clear:both;}

/* 샘플사이트 표시 */
footer .btm_sample {position:fixed; bottom:0; width:100%; height:50px; line-height:50px; text-align:center; background-color:rgba(0, 0, 0, 0.30); color:#000; font-weight:600; }
footer .btm_sample img {width:auto; height:30px; vertical-align:middle;}

#footer {width:100%; padding:0 0 30px 0; background:#ffffff;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea{width:100%; margin:0; background-color:#efefef; height:35px; line-height:35px; }
#footer .ftArea .ftAreaMenu{width:100%; margin:0 auto; }
#footer .ftArea .ftAreaMenu:after{content:""; display:block; clear:both;}
#footer .ftArea .ftAreaMenu .menuList{ float:left; width:50%; margin:7px 0 0 0; }
#footer .ftArea .ftAreaMenu .menuList ul {}
#footer .ftArea .ftAreaMenu .menuList ul li{float:left; text-align:left; font-size:12px; padding:0 7px 0 7px; margin:0 0 0 0; height:20px; line-height:20px; border-right:#cccccc 1px solid; font-weight:normal; box-sizing:border-box;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#999999;}
#footer .ftArea .ftAreaMenu .menuList ul li a:hover {color:#333333;}
#footer .ftArea .ftAreaMenu .menuList b {color:#666666;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:left; width:50%; margin:0; }
#footer .ftArea .ftAreaMenu .homeBtn ul {float:right; text-align:right;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; padding:0 0; margin:0; width:80px; height:35px; text-align:center; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:12px; font-weight:normal; color:#666; display:block;}
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:12px; font-weight:normal; color:#666; display:block;}

#footer .copyArea {width:100%; margin:35px auto; color:#777777; line-height:150%;}

#footer .copyArea .caLeft {float:right; width:70%; padding:0 0 0 15px; box-sizing:border-box; }
#footer .copyArea .caLeft .ftLogo{float:none;}
#footer .copyArea .caLeft .ftLogo img{width:auto; height:30px;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px; float:none; padding:0px 0 0 0; box-sizing:border-box; font-weight:200;}
#footer .copyArea .caLeft .addressInfo a{ color:#999999;}
#footer .copyArea .caLeft .addressInfo .copyright{}



#footer .copyArea .caRight {float:right; width:30%; text-align:right; padding:0 15px 0 0; box-sizing:border-box; }
#footer .copyArea .caRight .cr-tit01{display:block; padding:0 0 0 0; font-size:14px; color:#666666;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1{display:block; font-size:30px; color:#666666;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1 a{color:#333333;}



.ad_link_w a{display:inline-block; font-size:11px; color:#fff !important;font-weight:200; width:auto; height:20px; line-height:20px; padding:0 5px; background-color:#cccccc !important; border-radius:3px;}
.ad_link_b a{display:inline-block; font-size:11px; color:#cccccc !important;font-weight:200; width:auto; height:20px; line-height:20px; padding:0 5px; background-color:#424242 !important; border-radius:3px;}


/* ------------------------------------------------------------------------- etc -------------------------------------------------------------------------- */




.memPrivacy {width: 90%; height: 400px; border: #ddd 1px solid; margin:0 auto; padding: 30px 30px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #f0f0f0; font-family: NanumGothic, 'Nanum Gothic', '나눔고딕', NG, sans-serif; border-radius: 1px; -webkit-appearance:none; display:block;}
.memAgree {width: 90%; height: 400px; border: #ddd 1px solid; margin:0 auto; padding: 30px 30px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #f0f0f0; font-family: NanumGothic, 'Nanum Gothic', '나눔고딕', NG, sans-serif; border-radius: 1px; -webkit-appearance:none; display:block;}

.noemail {width: 80%; height: auto; border: #ffffff 10px solid; margin:0 auto; padding: 30px 30px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #ffffff; }



.topSys { margin: 0; width: 100%;  height: auto;  top:0;  left:0; position: absolute; }
.topSys a.topBtn { position: fixed;  right: 20px;   bottom: 20px;  display: none; opacity:0.5; }
/*.topSys a.topBtn:hover{opacity:1;}*/





/* 준비중 */
#soon {width:600px; height:auto; padding:80px 0 ;  margin:50px auto; text-align:center; background-color:#f5f5f5; border-radius:50px;}
#soon .s_circle{padding:0 0 0 0; height:130px; line-height:100px; font-size:100px; color:#0f86e1; }
#soon .tit01{padding:0 0 0 0; font-size:24px; color:#424242;font-weight:600; }
#soon .desc01{padding:10px 0 0 0; font-size:14px; color:#777777;font-weight:normal; }

}




















/*mobile*/
@media screen and (max-width:799px) {   



/* ------------------------------------------------------------------------- top -------------------------------------------------------------------------- */


/* 메인비주얼 */
#mainVisual {width:100%; height:auto; background-color:#f5f5f5;}


/* ------------------------------------------------------------------------- middle -------------------------------------------------------------------------- */


/* 메인컨텐츠 */
#PageWrap {width:100%; height:auto; margin:0 ; padding:0 0 0 0;  background-color:#ffffff; }
#PageWrap:after {content:""; display:block; clear:both;}
#PageWrap .main_contents {width:100%; height:auto; margin:0 auto; padding:0 0 0 0; background-color:#fff; }
#PageWrap .main_contents:after {content:""; display:block; clear:both;}



/* 서브컨텐츠 */
#PageWrap {width:100%; height:auto; margin:0 ; padding:0 0 0 0;  background-color:#ffffff; }
#PageWrap .sub_contents {width:95%; height:auto; margin:20px auto; padding:0 0 0 0; background-color:#fff; }
#PageWrap .sub_contents:after {content:""; display:block; clear:both;}



/* 임시 이미지 */
#PageWrap .sub_contents .sampleImg {text-align:center; margin:20px auto; padding:0 0 0 0; }
#PageWrap .sub_contents .sampleImg img{width:100%; height:auto; margin:0; padding:0 0 0 0; }
#PageWrap .sub_contents .sampleImg:after {content:""; display:block; clear:both;}
#PageWrap .sub_contents .sampleImg p {color:#333333; font-size:0.9em; line-height:150%; display:block; padding:20px 0;}
#PageWrap .sub_contents .sampleImg p > a > b{color:#ff0000; font-weight:bold;}




/* 서브메뉴 */
#topSubmenu {width:100%; height:40px;  border-bottom:#ddd 1px solid; }
#topSubmenu:after {content:""; display:block; clear:both;}


#topSubmenu .menu0t ul {width:100%; margin:0 auto; padding:0;text-align:center;}
#topSubmenu .menu0t ul li { display:inline-block; width:33.33%; height:40px; line-height:40px; margin:0;  background-color:none; box-sizing:border-box;}
#topSubmenu .menu0t ul li a{display:block; font-size:13px; color:#999; height:40px; line-height:40px; font-weight:normal; transition: all 0.3s; border-bottom:#fff 3px solid; box-sizing:border-box;}
#topSubmenu .menu0t ul li.smon a{display:block; font-size:13px; color:#333; height:40px; line-height:40px; font-weight:600; border-bottom:#2c3b98 3px solid; box-sizing:border-box;}



/* 타이틀바 */
#titleBar {width:100%; height:100px; line-height:auto; margin:0 0 20px 0; background-color:#ffffff; border-bottom:#e5e5e5 1px solid;}
#titleBar:after {content:""; display:block; clear:both;}
#titleBar .tB_pname{width:100%; margin:0; padding:10px 0 0 0; color:#333333; text-align:center; font-size:30px; }
#titleBar .tB_pname:after {content:""; display:block; clear:both;}
#titleBar .tB_pname span{width:100%; margin:0; display:block; color:#999999; text-align:center; font-size:13px; font-weight:200;}




/* ------------------------------------------------------------------------- bottom -------------------------------------------------------------------------- */






/* footer black */
/*
footer {width:100%; }
footer:after {content:""; display:block; clear:both;}
#footer {width:100%; padding:0 0 30px 0; background:#363533;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea .ftAreaMenu .menuList{ float:none; width:100%; margin:0 0 0 0; line-height:30px;}
#footer .ftArea .ftAreaMenu .menuList ul {padding:0 0 0 10px; text-align:center;}
#footer .ftArea .ftAreaMenu .menuList ul li{ font-size:0.8em; padding:0 5px 0 0; margin:0 5px 0 0; height:20px; line-height:20px; border-right:#666666 1px solid; display:inline-block;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#999999;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:none; width:100%; margin:0; height:35px; line-height:35px; }
#footer .ftArea .ftAreaMenu .homeBtn ul {text-align:center;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; margin:0; width:50%; height:auto; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:0.8em; font-weight:normal; background-color:#595854; color:#ccc; display:block; padding:0px; }
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:0.8em; font-weight:normal; background-color:#595854; color:#ccc; display:block;  padding:0px; }

#footer .copyArea {width:90%; margin:35px auto; color:#777777; line-height:150%;}
#footer .copyArea .caLeft {float:none; width:100%;}
#footer .copyArea .caLeft .ftLogo{float:none; text-align:center;}
#footer .copyArea .caLeft .ftLogo img{width:auto; height:20px;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px; float:none; padding:20px 0 0 0px; text-align:center;}
#footer .copyArea .caLeft .addressInfo a{ color:#999999;}
#footer .copyArea .caLeft .addressInfo .copyright{}



#footer .copyArea .caRight {float:none; width:100%; text-align:center; margin:0 0 30px 0;}
#footer .copyArea .caRight .cr-tit01{display:block; padding:0 0 0 0; font-size:14px; color:#999999;font-weight:normal; height:45px; line-height:45px;}
#footer .copyArea .caRight .cr-no1{display:block; font-size:30px; color:#cccccc;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1 a{color:#cccccc;}
*/

/* footer white */

footer {width:100%; }
footer:after {content:""; display:block; clear:both;}

/* 샘플사이트 표시 */
footer .btm_sample {position:fixed; bottom:0; width:100%; height:30px; line-height:30px; text-align:center; background-color:rgba(0, 0, 0, 0.30); color:#000; font-weight:600; }
footer .btm_sample img {width:auto; height:20px; vertical-align:middle;}

#footer {width:100%; padding:0 0 30px 0; background:#ffffff;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea .ftAreaMenu .menuList{ float:none; width:100%; margin:0 0 0 0; line-height:30px; background-color:#efefef;}
#footer .ftArea .ftAreaMenu .menuList ul {padding:0 0 0 10px; text-align:center;}
#footer .ftArea .ftAreaMenu .menuList ul li{ font-size:0.8em; padding:0 5px 0 5px; margin:0 0 0 0; height:20px; line-height:20px; border-right:#cccccc 1px solid; display:inline-block;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#666;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:none; width:100%; margin:0; height:35px; line-height:35px; }
#footer .ftArea .ftAreaMenu .homeBtn ul {text-align:center;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; margin:0; width:50%; height:auto; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:0.8em; font-weight:normal; background-color:#ffffff; color:#666; display:block; padding:0px; border-bottom:#dddddd 1px solid;  border-right:#dddddd 1px solid;}
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:0.8em; font-weight:normal; background-color:#ffffff; color:#666; display:block;  padding:0px;  border-bottom:#dddddd 1px solid;}

#footer .copyArea {width:90%; margin:35px auto; color:#999999; line-height:150%;}
#footer .copyArea .caLeft {float:none; width:100%;}
#footer .copyArea .caLeft .ftLogo{float:none; text-align:center;}
#footer .copyArea .caLeft .ftLogo img{width:auto; height:30px;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px; float:none; padding:20px 0 0 0px; text-align:center;}
#footer .copyArea .caLeft .addressInfo a{ color:#666666;}
#footer .copyArea .caLeft .addressInfo .copyright{}



#footer .copyArea .caRight {float:none; width:100%; text-align:center; margin:0 0 30px 0;}
#footer .copyArea .caRight .cr-tit01{display:block; padding:0 0 0 0; font-size:14px; color:#666;font-weight:normal; height:45px; line-height:45px;}
#footer .copyArea .caRight .cr-no1{display:block; font-size:30px; color:#333;font-weight:normal; height:30px; line-height:30px;}
#footer .copyArea .caRight .cr-no1 a{color:#333;}


.ad_link_w a{display:inline-block; font-size:11px; color:#fff !important;font-weight:200; width:auto; height:20px; line-height:20px; padding:0 5px; background-color:#cccccc !important; border-radius:3px;}
.ad_link_b a{display:inline-block; font-size:11px; color:#cccccc !important;font-weight:200; width:auto; height:20px; line-height:20px; padding:0 5px; background-color:#424242 !important; border-radius:3px;}


/* ------------------------------------------------------------------------- etc -------------------------------------------------------------------------- */




.memPrivacy {width: 90%; height: 300px; border: #f0f0f0 1px solid; margin:0 auto; padding: 10px 10px; line-height: 180%; box-sizing: border-box; font-size: 12px; color: #666666; background-color: #f5f5f5; font-family: NanumGothic, 'Nanum Gothic', '나눔고딕', NG, sans-serif; border-radius: 1px; -webkit-appearance:none; display:block;}
.memAgree {width: 90%; height: 500px; border: #f0f0f0 1px solid; margin:0 auto; padding: 10px 10px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #f5f5f5; font-family: NanumGothic, 'Nanum Gothic', '나눔고딕', NG, sans-serif; border-radius: 1px; -webkit-appearance:none; display:block;}

.noemail {width: 100%; height: auto; border: #ffffff 10px solid; margin:0 auto; padding: 30px 0px; line-height: 180%; box-sizing: border-box; font-size: 14px; color: #666666; background-color: #ffffff; }



.topSys { margin: 0; width: 100%;  height: auto;  top:0;  left:0; position: absolute; }
.topSys a.topBtn { position: fixed;  right: 10px;   bottom: 5px;  display: none; opacity:.95; }
/*.topSys a.topBtn:hover{opacity:1;}*/





/* 준비중 */
#soon {width:90%; height:auto; padding:50px  ;  margin:30px auto; text-align:center; background-color:#f5f5f5; border-radius:50px;}
#soon .s_circle{padding:0 0 0 0; height:60px; line-height:60px; font-size:60px; color:#0f86e1; }
#soon .tit01{padding:10px 0 0 0; font-size:1.2em; color:#424242;font-weight:600; }
#soon .desc01{padding:10px 0 0 0; font-size:0.9em; color:#777777;font-weight:normal; }



}