
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Thin.woff2) format('woff2'), url(/fonts/NotoSansKR-Thin.woff) format('woff'), url(/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/NotoSansKR-Light.woff2) format('woff2'), url(/fonts/NotoSansKR-Light.woff) format('woff'), url(/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),  url(/fonts/NotoSansKR-Regular.woff) format('woff'),  url(/fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/fonts/NotoSansKR-Medium.woff2) format('woff2'),  url(/fonts/NotoSansKR-Medium.woff) format('woff'),  url(/fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),  url(/fonts/NotoSansKR-Bold.woff) format('woff'),  url(/fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/fonts/NotoSansKR-Black.woff2) format('woff2'),  url(/fonts/NotoSansKR-Black.woff) format('woff'),  url(/fonts/NotoSansKR-Black.otf) format('opentype');
 } 

 @font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 400;
    src: local('※'),
        url('/fonts/NanumMyeongjoR.woff2') format('woff2'), 
        url('/fonts/NanumMyeongjoR.woff') format('woff'),
        url('/fonts/NanumMyeongjoR.ttf') format('truetype'),
        url('/fonts/NanumMyeongjoR.otf') format('opentype'),
        url('/fonts/NanumMyeongjoR.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 700;
    src: local('※'),
        url('/fonts/NanumMyeongjoB.woff2') format('woff2'), 
        url('/fonts/NanumMyeongjoB.woff') format('woff'),
        url('/fonts/NanumMyeongjoB.ttf') format('truetype'),
        url('/fonts/NanumMyeongjoB.otf') format('opentype'),
        url('/fonts/NanumMyeongjoB.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'NanumMyeongjo';
    font-style: normal;
    font-weight: 900;
    src: local('※'),
        url('/fonts/NanumMyeongjoEB.woff2') format('woff2'), 
        url('/fonts/NanumMyeongjoEB.woff') format('woff'),
        url('/fonts/NanumMyeongjoEB.ttf') format('truetype'),
        url('/fonts/NanumMyeongjoEB.otf') format('opentype'),
        url('/fonts/NanumMyeongjoEB.eot') format('embedded-opentype');
}



body { font-family: 'Noto Sans KR', sans-serif; font-size:20px }
/* Common Style Reset Area */

*{margin:0;padding:0;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }

html,body{width:100%; }
img,fieldset,iframe{border:0 none; vertical-align:middle;}
li{list-style:none;}
a, a:link{color:#000; text-decoration:none;}
a:hover{color:#b22025; text-decoration:none;}
em,address{font-style:normal;}
button,label{cursor:pointer;}
label{position:relative;}
button *{position:relative;}
textarea{overflow:auto;border:1px solid #ccc;padding:5px}
hr{display:none;}
caption{display:none;}
ul{margin:0; padding:0;}
legend{display:none;}
table {border-collapse:collapse; }



/* Clear Area */

.clear{display:block; float:none; clear:both; height:0; width:100%;  border:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
html,body {}
img { max-width:100%; }
body{width:100%; margin:0 auto; background:#fff;word-break:keep-all;-webkit-text-size-adjust:none;}
#wrap{width:100%; background:#f6f6f6;overflow:hidden; position:relative }


/* Header */
#header{width:100%; height:100px; background:yellow; padding:13px 33px 20px 33px;  font-size:25px;  letter-spacing:-2px; position:fixed;background:#fff; border-bottom:1px solid #e5e5e5;box-shadow : 2px 2px 2px #ccc;  /*overflow:hidden;*/z-index:999}
#header h1{ position:absolute; top:13px; left:33px;}
#header > div#gnbR{ position:absolute; top:13px; right:33px;}
#header > div#gnbR > a{display:block; background:#7e781a; width:77px; height:77px; text-align:center;padding:20px;border-radius:50%; color:#fff; letter-spacing:-1}
#header > div#gnbR2{ position:absolute; top:13px; right:33px;}
#header > div#gnbR2 > a{display:block; background:#7e781a url('/img/ico_login.png') no-repeat center center; width:77px; height:77px; text-align:center;padding:25px 5px;border-radius:50%; color:#fff; font-size:18px; overflow:hidden; letter-spacing:-1}
#header > div#topgnb{width:920px; margin:0 auto; }
#header > div#topgnb > ul{ overflow:hidden}
#header > div#topgnb > ul > li{float:left}
#header > div#topgnb > ul > li > a{display:block; padding:20px 30px 10px 30px;}
#header:after {display:block;visibility:hidden;clear:both;content:""}
#wrap{width:100%; background:#f6f6f6;overflow:hidden; position:relative }


/* Main */
#main{width:100%;overflow:hidden;margin-top:100px;padding-top:140px; background:#f6f6f6 url('/img/bg_main.png') no-repeat center top }
#main > section{max-width:1700px; margin:0 auto 70px auto; }
#main > section.main_01 div.main_ci{text-align:right; margin-bottom:-70px}
#main > section.main_01 div.main_visual{width:100%; height:730px; overflow:hidden; /*margin-top:-70px;*/ position:relative}
#main > section.main_01 div.main_visual > div{float:left; width:50%; height:100%; overflow:hidden;}
#main > section.main_01 div.main_visual > div.main_visual_text{background:#333; color:#fff; padding:100px 70px; position:absolute; top:70px; left:50%; font-size:22px; line-height:1.5em}
#main > section.main_01 div.main_visual > div.main_visual_text > dl > dt{font-size:48px; font-weight:700; margin-bottom:50px}
#main > section.main_01 div.main_visual > div.main_visual_img > img{display:block; width:100%;}
#main > section.main_01 div.main_visual p.m-more > a{color:#fff; margin-top:20px; display:block}


section.story{background:#fff; border:1px solid #e5e5e5;box-shadow : 2px 2px 5px #666; min-height:1400px; display:table;width:1700px;  }
section.story > div{display:table-cell; height:100%; padding-bottom:100px}
section.story.story01{background:#fff; border:1px solid #e5e5e5;box-shadow : 2px 2px 5px #666; min-height:200px; display:table;max-width:1700px !important; }
section.story.story01 > div{display:table-cell; height:100%; padding-bottom:0;}

section.story > div.story_left{width:1090px; border-right:1px solid #e5e5e5}
section.story > div.story_left > div.left_title{width:100%; border-bottom:1px solid #e5e5e5; font-size:140px; font-weight:700; padding:50px 50px 0 50px; }
section.story > div.story_left > div.left_title p{margin-bottom:-40px}
section.story > div.story_left > div.left_title span{color:#ccc; }
section.story > div.story_left > div.left_title_sub{width:100%; border-bottom:1px solid #e5e5e5; font-size:36px; font-weight:700; padding:50px 10px 0 80px; }
section.story > div.story_left > div.left_title_sub > p{line-height:2em }
section.story > div.story_left > div.left_title_sub > p.date{font-size:20px; font-weight:100}
section.story > div.story_left > div.left_title_sub > p.date .btn_modify {padding:0 10px; border: 1px solid #e5e5e5; border-radius:5px; margin-bottom:5px;background:#fff;  color:#333; font-weight:700;}
section.story > div.story_left > div.left_title_sub > p.date .btn_modify:hover{  background:#336699; color:#fff;}
section.story > div.story_left > dl{padding:100px 80px }
section.story > div.story_left > dl.view{padding:50px 80px }
section.story > div.story_left > dl > dt{font-size:30px; font-weight:700; margin-bottom:20px}
p.m-more2{margin:40px 0}
section.story > div.story_left > dl > dd > p.story-img{width:100%; max-height:550px; border:1px solid #ccc; overflow:hidden; margin-bottom:30px}
section.story > div.story_left > dl > dd > p.story-img > img{width:100%;}
section.story > div.story_left > dl > dd > p.m-more3{margin:40px 0; text-align:center}
section.story > div.story_left > dl > dd p.m-more3 > a{display:inline-block; padding:20px 40px; background:#eee; border:1px solid #666; font-size:25px; font-weight:700;}
section.story > div.story_left > dl > dd p.m-more3 > a > img{vertical-align:middle; margin-right:10px}
section.story > div.story_left > dl > dd > div.addArea{width:100%; min-height:500px; }
section.story > div.story_left > dl > dd > div.addArea p.pointp{text-align:center; font-size:35px; font-weight:700; padding-bottom:10px }
section.story > div.story_left > dl > dd > div.addArea textarea{width:100%; height:400px; background:#ebebeb}

section.story > div.story_right{width:calc(100% - 1090px); vertical-align:top}
section.story > div.story_right > dl{border-bottom:1px solid #e5e5e5; }
section.story > div.story_right > dl > dt{font-size:25px; font-weight:700; border-bottom:1px solid #e5e5e5; padding:70px 40px 20px 40px; position:relative}
section.story > div.story_right > dl > dt > span.add_more{position:absolute; right:40px; bottom:20px}
section.story > div.story_right > dl > dd{padding:50px 40px; font-size:18px; font-weight:100}
section.story > div.story_right > dl > dd > ul > li{display:block; overflow:hidden; width:100% }
section.story > div.story_right > dl > dd > ul > li > div{float:left;}
section.story > div.story_right > dl > dd > ul > li > div.addimg{width:70px; height:70px; border-radius:50%; overflow:hidden; margin-right:20px}
section.story > div.story_right > dl > dd > ul > li > div.addimg img {width:70px; height:70px;}
div.addimg > img {width:70px; height:70px;}

section.story > div.story_right > dl > dd > ul > li > div.addscript{width:calc(100% - 90px); margin-bottom:50px }
section.story > div.story_right > dl > dd > ul > li > div.addscript > p.scriptname{font-size:20px; font-weight:400; margin-bottom:20px }
 div.add_comment{margin-top:40px; }
  div.add_comment > textarea{width:100%; height:80px; padding:10px; border:1px solid #ccc; background:#f2f2f2 }
  div.add_comment > p{text-align:right; margin-top:10px }

div.top_more{width:100%; text-align:center; /*margin-top:-40px;*/ margin-bottom:70px; display:none;}
div.story_more{width:100%; text-align:center; margin-top:-40px; margin-bottom:70px}
div.story_more > a, div.top_more > a{display:inline-block; border:1px solid #666; padding:10px 30px; margin-top:10px; font-size:23px; font-weight:700; letter-spacing:-2px}
p.add_more{text-align:center; padding-top:10px; font-size:16px}
p.add_more > a{display:inline-block; padding:10px 20px; border:1px solid #ccc}
/* Subcontent */
#SubVisual{width:100%;overflow:hidden;min-height:530px; text-align:center; padding-top:250px;}
#SubVisual > h2{font-weight:700; color:#fff; font-size:45px; letter-spacing:-2px}
#SubVisual h2:after{width:100px; height:1px; background:#fff; margin:10px auto; display:block; content:"";}
.SubVisual_01{background: url('/img/subVisual_01.jpg') no-repeat center top; background-size:cover }
.SubVisual_02{background: url('/img/subVisual_02.jpg') no-repeat center top; background-size:cover }
.SubVisual_03{background: url('/img/subVisual_03.jpg') no-repeat center top; background-size:cover }
h3{font-weight:700; color:#006666; font-size:35px; letter-spacing:-2px}
h3:after{width:1px; height:30px; background:#006666; margin:10px auto; display:block; content:"";}

#Subcontent{width:100%;overflow:hidden;margin-top:100px;padding-top:70px; background:#f6f6f6; }
#Subcontent > h2{font-size:48px; font-weight:700;  text-align:center }
#Subcontent > h2:after{margin:30px auto 100px auto; content:""; display:block; width:100px; height:1px; background:#666 }
#Subcontent > section{ margin:0 auto; }
#Subcontent > section.story_progress{min-height:860px; background:#f6f6f6 url('/img/bg_progress.jpg'); background-position:bottom left; background-repeat:repeat-x ;position:relative;  }
#Subcontent > section.story_progress ul{width:1700px; margin:0 auto; /*overflow:hidden; */ z-index:999 }
#Subcontent > section.story_progress ul > li{width:33.33333%;float:left; overflow:hidden }
#Subcontent > section.story_progress ul > li > dl{max-width:520px; margin:0 auto; position:relative; height:500px; }
#Subcontent > section.story_progress ul > li > dl > dt{border:1px solid #989898;box-shadow : 3px 3px 3px #666; position:relative; background:#000;}
#Subcontent > section.story_progress ul > li > dl > dt > div{position:absolute; width:500px;text-align:center; color:#fff; font-size:40px; font-weight:700; letter-spacing:-2px;top:calc(50% - 50px); left:25px}
#Subcontent > section.story_progress ul > li > dl > dd{background:#fff; width:280px; height:280px; position:absolute; top:250px; padding:30px 30px }
#Subcontent > section.story_progress ul > li > dl > dd span{margin-right:10px }
#Subcontent > section.story_progress ul > li > dl > dd p.progress_01{font-size:20px; margin-bottom:20px; color:#999 }
#Subcontent > section.story_progress ul > li > dl > dd p.progress_02{font-size:30px; letter-spacing:-2px; line-height:1.2em;margin-bottom:20px; text-overflow: ellipsis;     white-space: nowrap;    overflow: hidden;}
#Subcontent > section.story_progress ul > li > dl > dd p.progress_03 > a{display:inline-block; padding:10px 20px;  border:1px solid #666; font-size:22px; font-weight:400;}
#Subcontent > section.story_progress ul > li > dl > dd p.progress_03 > a img{vertical-align:middle; margin-right:10px}
#Subcontent > section.story_progress ul > li > dl > dd:hover{background:#000; *color:#fff }
#Subcontent > section.story_progress ul > li > dl > dd:hover a {color:white;}
#Subcontent > section.story_progress div.progress_arow{position:absolute; left:50px; bottom:50px;color:#eee; font-size:95px; font-weight:700; line-height:0.8em }

#Subcontent > section.story_progress div.slider_navi{width:850px; margin:100px auto 50px auto; text-align:center; position:relative}
#Subcontent > section.story_progress div.slider_navi span.prev{position:absolute; left:0}
#Subcontent > section.story_progress div.slider_navi span.next{position:absolute; right:0}

#Subcontent > section.story_completed{min-height:860px; background:#f6f6f6 url('/img/bg_completed.jpg'); background-position:top left; background-repeat:repeat-x ;position:relative;  padding-top:230px }
#Subcontent > section.story_completed > ul{max-width:1700px; margin:0 auto 100px auto; overflow:hidden }
#Subcontent > section.story_completed > ul > li{width:50%;float:left; overflow:hidden  }
#Subcontent > section.story_completed div.completed_arow{position:absolute; left:50px; top:50px;color:#eee; font-size:95px; font-weight:700; line-height:1em }
#Subcontent > section.story_completed > ul > li > dl{max-width:815px; margin:10px auto; background:#fff; border:1px solid #e7e7e7; box-shadow : 3px 3px 3px #666; }
#Subcontent > section.story_completed > ul > li > dl:hover{background:#eee; color:#ccc}
#Subcontent > section.story_completed > ul > li > dl:hover a{color:#e7e7e7}
#Subcontent > section.story_completed > ul > li > dl > dt{border-bottom:1px solid #e7e7e7; padding:50px 30px 10px 30px; font-size:30px; font-weight:700; letter-spacing:-2px}
#Subcontent > section.story_completed > ul > li > dl > dd{margin-top:30px}
#Subcontent > section.story_completed > ul > li > dl > dd > p.count{border-top:1px solid #e7e7e7; padding:20px 30px; text-align:right}
#Subcontent > section.story_completed > ul > li > dl > dd > p.count > span{ margin-right:10px; font-weight:100; font-size:18px}
#Subcontent > section.story_completed > ul > li > dl > dd > div{ padding:0 30px 0px 30px}
#Subcontent > section.story_completed > ul > li > dl:hover > dd > p a {color:#fff }

@media(max-width:1860px){
	#Subcontent > section.story_completed > div.completed_arow > p:nth-child(2) > img {display:none;}
}



#Subcontent > section.intro > div{max-width:1700px; margin:0 auto 100px auto; overflow:hidden; background:#fff;border:1px solid #e7e7e7; box-shadow : 3px 3px 3px #666; padding:70px 70px}
#Subcontent > section.intro > div > div{float:left}
#Subcontent > section.intro > div > div.ceo_img{width:770px}
#Subcontent > section.intro > div > div.ceo_txt{width:calc(100% - 770px); padding-left:50px; padding-top:145px; font-size:24px}
#Subcontent > section.intro > div > div.ceo_txt > p.intro_01{font-family:'NanumMyeongjo'; font-weight:600; letter-spacing:-4px;font-size:50px; margin-bottom:20px}
#Subcontent > section.intro > div > div.ceo_txt > p.intro_02{font-family:'NanumMyeongjo'; font-weight:600; letter-spacing:-8px;font-size:90px; margin-bottom:50px}
#Subcontent > section.intro > div > div.ceo_txt > p.intro_03{margin-bottom:30px}
#Subcontent > section.intro > div > div.ceo_txt > p.intro_04{font-family:'NanumMyeongjo'; font-weight:600; letter-spacing:-3px;font-size:40px; margin-bottom:20px}
#Subcontent > section.intro > div > div.ceo_txt > div.profile{background:#333; color:#fff; padding:40px; min-height:475px}

#Subcontent > ul.subnavi{width:500px; margin:0 auto 50px auto; border:1px solid #ccc; display:flex; flex-flow:row nowrap; text-align:center}
#Subcontent > ul.subnavi > li{width:50%; text-align:center}
#Subcontent > ul.subnavi > li:first-child{border-right:1px solid #ccc;}
#Subcontent > ul.subnavi > li > a{display:block; padding:20px 0}
#Subcontent > ul.subnavi > li > a:hover{color:#006666}
#Subcontent > ul.subnavi > li > a.on{background:#fff; font-weight:600; color:#006666}
#Subcontent_02{width:100%;overflow:hidden;margin-top:50px;background:#f6f6f6; }
#Subcontent_02 > section.boardArea > div{max-width:1700px; margin:0 auto 100px auto; overflow:hidden; background:#fff;border:1px solid #e7e7e7; box-shadow : 3px 3px 3px #666; padding:0}
#Subcontent_02 > section.boardArea > div{max-width:1700px; margin:0 auto 100px auto; overflow:hidden; background:#fff;border:1px solid #e7e7e7; box-shadow : 3px 3px 3px #666; padding:0}
#Subcontent_02 > section.boardArea > div > table{margin:30px 0 70px 0; width:100%;; }
#Subcontent_02 > section.boardArea > div td{padding:20px 10px; border-bottom:1px solid #ccc; font-size:24px}
#Subcontent_02 > section.boardArea > div > table td.first{color:#999; font-size:30px; font-weight:700; text-align:center}
#Subcontent_02 > section.boardArea > div > table td.third{color:#999; font-size:20px; text-align:right; padding-right:70px; background:url('/img/arrow_board.jpg') no-repeat right center}
#Subcontent_02 > section.boardArea > div > table td.third span{color:#666; }
#Subcontent_02 > section.boardArea > div > div.board_search{padding:50px; width:100%; text-align:center }
#Subcontent_02 > section.boardArea > div > div.board_search input[type=text]{border:0; ; font-size:16px; width:500px }
#Subcontent_02 > section.boardArea > div > div.board_search select {border:0;font-size:16px; width:200px; text-align:center }
#Subcontent_02 > section.boardArea > div > div.board_search > span{border:1px solid #ccc; padding:20px; font-size:16px; margin-right:5px }



#Footer{width:100%; background:#333; color:#999;padding:70px 33px 70px 33px;  font-size:18px; overflow:hidden}
#Footer > div.footer_ci{float:left}
#Footer > div.footer_sns{float:right; overflow:hidden; border-bottom:1px solid #999}
#Footer > div.footer_sns > div{float:left; }
#Footer > div.footer_sns > div.copy{padding-top:25px; }

#Footer > div.footer_sns > div > ul{margin-left:20px; margin-bottom:5px}
#Footer > div.footer_sns > div > ul > li{display:inline-block}
#Footer > div.footer_sns > div > ul > li > a{display:block; width:60px; height:60px; border-radius:50%; background:#999; text-align:center; padding-top:10px}


/*헤드 유저메뉴 추가*/
.user_menu {display:none; border-radius:10px; background:white; border: 1px solid #333; text-align:center; margin-top: 10px;}
.user_menu li {width:100%; height:auto; padding:0; border-bottom:1px solid #d9d9d9;}
.user_menu li:last_child {border-bottom:none;}
.user_menu li a {width:100%; display:block; padding:10px; font-size: 18px;}



/*서브 관리자 페이지 추가*/
.adm_setli {max-width:1600px; display:block; margin: 0 auto; width:100%; }
.adm_setli li{width:300px; height:auto; display:inline-block; text-align:center; border:1px solid #ccc; }
.adm_setli li a {width:100%; height:100%; padding:20px; display:block; }
.adm_setli li.on {background:#333;}
.adm_setli li.on a {color:#fff;}

.simple_tbl { padding:20px;}
.simple_tbl > table {width:100%; display:table; margin:20px auto;text-align:center;}
.simple_tbl > table tr th{ display:table-cell; border: 1px solid #333; padding:10px;}
.simple_tbl > table tr td{ display:table-cell; border: 1px solid #333; padding:10px;}

.mb_lv label {width:100px; margin:10px 15px 10px 5px; }

.adm_paging {display:block; text-align:center; width: 500px;margin: 0 auto;}
.adm_paging li {display:inline-block; color:#333;}
.adm_paging li:hover {color:red;}
.adm_paging li a {width:50px; display:block;  }
.adm_paging li a.page_on {color:red;}

/* 커스텀 checkbox 버튼 { */
	/* The rai_btn */
	.rai_btn {
	  /*display: block;*/
	  position: relative;
	  padding-left: 35px;
	  margin-bottom: 12px;
	  cursor: pointer;
	  /*font-size: 22px;*/
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	/* Hide the browser's default checkbox */
	.rai_btn input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 0;
	  width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  background-color: #eee;
	}

	/* On mouse-over, add a grey background color */
	.rai_btn:hover input ~ .checkmark {
	  background-color: #ccc;
	}

	/* When the checkbox is checked, add a blue background */
	.rai_btn input:checked ~ .checkmark {
	  background-color: #2196F3;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	.rai_btn input:checked ~ .checkmark:after {
	  display: block;
	}

	/* Style the checkmark/indicator */
	.rai_btn .checkmark:after {
	  left: 9px;
	  top: 5px;
	  width: 5px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
/* 커스텀 checkbox 버튼 } */