@charset "euc-kr";
/*CSS Document*/

/* Font */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/css/fonts/NanumGothic.eot'); 
  src: local('¨©'), url('/KOR/css/fonts/NanumGothic.woff') format('woff'), url('/KOR/css/fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('/css/fonts/NanumGothicBold.eot');     
  src: local('¨©'), url('/KOR/css/fonts/NanumGothicBold.woff') format('woff'), url('/KOR/css/fonts/NanumGothicBold.ttf') format('truetype'); 
}

/* reset css */
body{margin:0; padding:0;}
html{overflow-y:scroll; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body, table, th, td, input, select, textarea, div{font-family:"³ª´®°íµñ",'NanumGothic',Helvetica!important; font-size:12px; color:#666; /*line-height:1.6;*/}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:middle;}/* ¾Ö´ÏÀ§Áî ¼Ö·ç¼ÇÀº middle */
input{vertical-align:middle;}
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer; vertical-align:middle; font-family:"³ª´®°íµñ",'NanumGothic',Helvetica!important;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{color:#d9371e; text-decoration:none;}
a:active{color:#666; text-decoration:none;}

*{-webkit-text-size-adjust:none;}


.clearfix:after{content:''; display:block; clear:both;}


/************************************************************** Çì´õ **************************************************************/
#Header{position:fixed; left:0; top:0; width:100%; height:50px; border-bottom:1px solid #d9341e; background:#fff; z-index:2;}

/* ·Î°í -----------------------------------------------*/
#Header h1{position:absolute; left:15px; top:50%; margin-top:-9px;}
#Header h1 img{height:18px;}

/* ž¸Þ´º -----------------------------------------------*/
#Header .Topmenu{position:absolute; right:15px; top:50%; margin-top:-12px; overflow:hidden;}
#Header .Topmenu li{float:left; padding-left:12px;}
#Header .Topmenu li.first{padding-left:0;}
#Header .Topmenu li a{display:block;}
#Header .Topmenu li img{height:24px;}

/* »çÀÌµå ¸Þ´º ------------------------------------------*/
.main-sidebar{position:fixed; top:0; bottom:0; background-color:#fff; width:200px;}
.main-sidebar-wrapper {position:relative; height:100%; overflow-y:auto; overflow-x:hidden;}
.main-sidebar-right {right:0; text-align:left;}

/*
img, figure {margin:0; padding:0; max-width:100%; height:auto; line-height:0;}
ul {margin:0; padding:0; list-style-type:none;}
li {margin:8px 0; display:block;}
li a {display:block;}

.main-navbar {position:relative; background-color:#3f51b5; color:white; z-index:10;}
.main-navbar-fixed-top {position:fixed; top:0; right:0; left:0; height:42px;}
.main-navbar-content {padding:4px 16px;}
.main-content {position:relative; margin-top:42px; padding:1em;}

.section {margin:1em auto; margin-bottom:3em!important;}
.left {float:left;}
.right {float:right;}
.icon {position:relative; width:32px; height:32px;}
.icon img {position:absolute; top:4px; left:4px;}
.main-sidebar a:link {color:#ffeb3b;}
.main-sidebar a:visited {color:#ff9800;}
.main-sidebar a:hover {color:#fbc02d;}
.main-sidebar a:active {color:#ffc107;}
.main-sidebar .section {margin:1em 0; margin-bottom:2em!important;}
.main-sidebar-left {left:0; text-align:left;}
.dynamic-right .main-navbar-content {float:right;}
.dynamic-left .main-navbar-content {float:left;}
[data-ssbplugin="sbwrapper"] {padding:1em;}
*/

	/* ´Ý±â ¹öÆ° */
	.main-sidebar .btn_x{position:absolute; right:10px; top:15px;}
	.main-sidebar .btn_x img{height:20px;}
	
	/* »çÀÌÆ® ·Î±×ÀÎ */
	.main-sidebar .side_member_wrap{background:#d9371e; height:51px;}
	.main-sidebar .side_member_wrap .login{overflow:hidden; padding:5px 0 0 10px;}
	.main-sidebar .side_member_wrap .login .img{float:left; width:40px; height:40px; border-radius:100%; overflow:hidden; background:url(../img/common/logo_row.png) 50% 50% no-repeat #fff; background-size:75% auto;}
	.main-sidebar .side_member_wrap .login .img img{width:40px; height:40px;}
	.main-sidebar .side_member_wrap .login .name{float:left; font-size:13px; line-height:40px; color:#fff; padding-left:10px; letter-spacing:-0.05em;}
	.main-sidebar .side_member_wrap .login .name strong{font-weight:bold;}
	.main-sidebar .side_member_wrap .login .name a{color:#fff; font-weight:bold;}
	
	/* ¸Þ´º */
	.main-sidebar .side_menu{}
	.main-sidebar .side_menu ul{}
	.main-sidebar .side_menu ul li{border-bottom:1px solid #ddd; background-position:10px 15px; background-size:20px auto; background-repeat:no-repeat;}
	.main-sidebar .side_menu ul li a{display:block; height:45px; line-height:45px; font-size:14px; font-weight:600; color:#333; letter-spacing:-0.05em; padding-left:38px;}
	.main-sidebar .side_menu ul li.icon1{background-image:url(../img/common/icon1.png);}
	.main-sidebar .side_menu ul li.icon2{background-image:url(../img/common/icon2.png);}
	.main-sidebar .side_menu ul li.icon3{background-image:url(../img/common/icon3.png);}
	.main-sidebar .side_menu ul li.icon4{background-image:url(../img/common/icon4.png);}
	.main-sidebar .side_menu ul li.icon5{background-image:url(../img/common/icon5.png);}
	.main-sidebar .side_menu ul li.icon6{background-image:url(../img/common/icon6.png);}
		.main-sidebar .side_menu ul li.on .category{display:block!important;}
		.main-sidebar .side_menu ul li .category{background:#f2f2f2; display:none; border-top:1px solid #ddd; padding:10px 0;}
		.main-sidebar .side_menu ul li .category li{border-bottom:0 none; background:url(../img/common/dot.png) 22px 50% no-repeat; background-size:2px auto;}
		.main-sidebar .side_menu ul li .category li a{display:block; height:21px; line-height:21px; font-size:12px; font-weight:normal; color:#333; letter-spacing:-0.05em; padding-left:30px;}
	
	/* ·Î±×¾Æ¿ô */
	.main-sidebar .logout{margin:10px;}
	.main-sidebar .logout a{display:block; height:28px; line-height:28px; color:#ff816d; font-size:14px; letter-spacing:-0.05em; text-align:center; border:1px solid #ff816d; border-radius:3px;}
	









/************************************************************** ǪÅÍ **************************************************************/
#F_menu{background:#f8f8f8; border-width:1px 0; border-style:solid; border-color:#797979 #fff #dfdfdf #fff; padding:0 15px 0 15px; margin:30px 0 0; overflow:hidden;}
#F_menu a, #F_menu span{font-size:11px; letter-spacing:-0.09em; line-height:32px;}
#F_menu a{color:#555;}
#F_menu span{display:inline-block; margin:0 5px; color:#dfdfdf;}
#F_menu div.controller{float:left; overflow:hidden; margin:5px 10px 0 0;}
#F_menu div.controller a{float:left; width:20px; height:20px; line-height:20px; color:#fff; text-align:center; display:block; border-width:1px 1px 1px 0; border-style:solid; border-color:#888; background:#999;}
#F_menu div.controller :first-child{border-width:1px;}


#Footer{background:#f8f8f8; padding:18px 15px 50px;}
#Footer .logo{margin:0 0 15px;}
#Footer .logo img{height:13px;}
#Footer, #Footer a{font-size:9px; letter-spacing:-0.05em; line-height:1.4; color:#666;}
#Footer span{display:inline-block; margin:0 5px; color:#dfdfdf;}
#Footer small{display:block; font-size:9px; color:#999; padding:5px 0 0;}






/************************************************************** ¸ÞÀÎ **************************************************************/
.Container_Wrap{position:relative; margin-top:51px;}

/* ¸ÞÀÎ ¸Þ´º-------------------------------------------*/
.M_menu{padding:24px 7px 30px;}
.M_menu ul{overflow:hidden;}
.M_menu ul li{float:left; position:relative; width:33.33%; padding-bottom:33.33%; overflow:hidden;}
.M_menu ul li .cont{position:absolute; height:88%; /* = 100% - 2*5% padding */ width:88%; /* = 100% - 2*5% padding */ padding:6%;}
.M_menu ul li .cont .table{display:table; width:100%; height:100%; text-align:center;}
.M_menu ul li .cont .table .table-cell{display:table-cell; vertical-align:middle; border:2px solid #f5361d; border-radius:5px; box-shadow:3px 3px 5px #dea6a6;}
.M_menu ul li .cont .table .table-cell a{display:block;}
.M_menu ul li .cont .table .table-cell img{width:53%;}
.M_menu ul li .cont .table .table-cell p{padding:10px 0 0; font-size:12px; font-weight:bold; color:#444; letter-spacing:-0.05em;}
@media all and (min-width: 620px) and (max-width: 9999px){
.M_menu ul li{width:16.66%; padding-bottom:16.66%;}
/*
.M_menu ul li .cont .table .table-cell p{font-size:15px;}
*/
}


/* °øÁö»çÇ× -------------------------------------------*/
.M_notice{position:relative; border-top:12px solid #ececec;}
.M_notice div.tit{height:38px; line-height:38px; font-size:14px; font-weight:600; color:#333; padding-left:40px; letter-spacing:-0.05em; background:url(../img/common/h3.png) 15px 50% no-repeat; background-size:20px auto; border-bottom:1px solid #f2f2f2;}
.M_notice a.more{position:absolute; right:15px; top:11px;}
.M_notice a.more img{width:10px;}
.M_notice .cont{padding:5px 17px 0;}
.M_notice .cont table{}
.M_notice .cont table th, .M_notice .cont table td{height:30px; letter-spacing:-0.05em;}
/*.M_notice .cont table th{font-weight:normal; padding-left:10px; background:url(../img/common/dot.png) 0 50% no-repeat; background-size:3px auto;}*/
.M_notice .cont table a{font-size:11px; color:#333;}
.M_notice .cont table td{font-size:9px; color:#999;}














/************************************************************** ¼­ºê·¹À̾ƿô **************************************************************/
/* ¼­ºê ŸÀÌƲ -----------------------------------------*/
.pagetit{position:relative; height:40px; line-height:40px; font-size:15px; font-weight:600; color:#333; padding-left:40px; letter-spacing:-0.05em; background-position:10px 50%; background-repeat:no-repeat; background-color:#ffece9; background-size:25px auto; border-bottom:1px solid #fbd9d4;}
.pagetit a{position:absolute; right:10px; top:50%; margin-top:-13px; display:block; width:85px; height:26px; line-height:26px; font-size:10px; letter-spacing:-0.09em; font-weight:bold; text-align:center; /*border:1px solid #f66754; color:#f66754;*/ background:#f66754; color:#fff; border-radius:3px;}

.pagetit.icon1{background-image:url(../img/common/icon1.png);}
.pagetit.icon2{background-image:url(../img/common/icon2.png);}
.pagetit.icon3{background-image:url(../img/common/icon3.png);}
.pagetit.icon4{background-image:url(../img/common/icon4.png);}
.pagetit.icon5{background-image:url(../img/common/icon5.png);}
.pagetit.icon6{background-image:url(../img/common/icon6.png);}

/* 2Â÷¸Þ´º -----------------------------------------*/
.lnb{overflow:hidden; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(239,239,239,0.7) 85%, rgba(255,255,255,1) 100%); border-bottom:1px solid #ddd;}
.lnb:after{content:''; display:block; clear:both;}
.lnb li{float:left; width:25%; box-sizing:border-box; border-left:1px solid #fff; border-right:1px solid #ddd;}
.lnb li:first-child{border-left:0 none;}
.lnb li:last-child{border-right:0 none;}
.lnb li a{display:block; height:38px; line-height:38px; text-align:center; font-size:12px; color:#444; letter-spacing:-0.065rem;}
.lnb li a:hover{text-decoration:none;}
.lnb li.on a{color:#e95943; font-weight:600;}


/* ÆäÀÌÁö ŸÀÌƲ -----------------------------------------*/
h2{padding:15px 15px;}
h2 span{display:inline-block; border-bottom:2px solid #444; font-size:15px; font-weight:600; color:#333; letter-spacing:-0.05em; line-height:1.6;}

/* ÄÁÅÙÃ÷ ¿µ¿ª ------------------------------------------*/
.S_container{padding:0 15px;}

.bbs_wrap img{max-width:100%;}













/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************* 3 ÇмúÇà»ç ***********************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

/* °øÅë : Âü¿©½Åû ¸®½ºÆ® ------------------------------------------------*/
.event_apply_list{border-top:1px solid #ffc0c0;}
.event_apply_list li{position:relative; border-bottom:1px solid #ddd; padding:10px 0 10px 25px;}
.event_apply_list li, .event_apply_list li *{line-height:1.3; letter-spacing:-0.05em; font-size:9px;}
.event_apply_list li a{display:block;}
.event_apply_list li div.No{position:absolute; left:0; top:50%; width:25px; height:10px; line-height:10px; text-align:center; font-size:8px; color:#999;}
.event_apply_list li small{display:block; color:#999;}
.event_apply_list li p{font-size:11px; color:#333; margin:2px 0 5px;}
.event_apply_list li p strong{font-weight:600; font-size:11px; display:block;}
.event_apply_list li b{font-weight:normal; color:#ec6500;}
.event_apply_list li i{position:absolute; right:0; top:50%; display:block; width:50px; height:50px; margin-top:-25px; line-height:50px; text-align:center; background:#f2f2f2; font-size:9px; font-weight:600; color:#333; border-radius:100%; letter-spacing:-0.07em; font-style:normal;}
	/* ±Û ¾øÀ» ¶§ */
.event_apply_list li.no_cont{text-align:center; font-size:10px; color:#999; padding:20px 0;}

/* °øÅë : Çà»ç »ó¼¼º¸±â ------------------------------------------------*/
 	/* ŸÀÌƲ */
.event_apply_view_title{text-align:center; font-weight:600; color:#333; font-size:12px; letter-spacing:-0.05em; padding:10px; background:#f7f7f7; border:1px solid #ddd; margin:10px 0;}
	/* ¹öÆ° */
.event_apply_view_btn, .event_apply_view_btnX{width:100px; height:30px; line-height:30px; font-size:11px; font-weight:600; letter-spacing:-0.05em; border-radius:3px;}
.event_apply_view_btn{color:#fff; background:#d9371e;}
.event_apply_view_btnX{color:#eee; background:#bbb; font-style:italic;}
	/* ÄÁÅÙÃ÷ */
.event_apply_view_cont{font-size:10px; margin:20px 0; padding:20px 0; border-width:1px 0; border-style:solid; border-color:#ddd;}
.event_apply_view_cont img{width:100%!important; height:auto!important;}





/************************************************************** 3-0 ³ªÀÇ ¼ö°­½Åû³»¿ª **************************************************************/
/* °Ë»ö¿µ¿ª ----------------------------------*/
.my_refund_search{border:2px solid #ededed; background:#f7f7f7; padding:10px 15px;}
.my_refund_search table{}
.my_refund_search table th, .my_refund_search table td{padding:2px 0; text-align:left; font-size:10px; letter-spacing:-0.05em;}
.my_refund_search table th{color:#333; width:50px;}
.my_refund_search table td{}
.my_refund_search table select{width:100%; height:25px;}
.my_refund_search table .button{width:50px; padding-left:10px;}
.my_refund_search table .button button{width:100%; height:60%; color:#fff; font-size:12px; font-weight:600; letter-spacing:-0.05em; background:#d9371e; border-radius:3px;}

/* ¼ö°­½Åû³»¿ª ----------------------------------*/
.my_refund_list{border-top:1px solid #ffc0c0;}
.my_refund_list li{position:relative; border-bottom:1px solid #ddd; padding:10px 0 10px 25px;}
.my_refund_list li, .my_refund_list li *{line-height:1.3; letter-spacing:-0.05em; font-size:9px;}
.my_refund_list li div.No{position:absolute; left:0; top:50%; width:25px; height:10px; line-height:10px; text-align:center; font-size:8px; color:#999;}
.my_refund_list li p{margin:2px 0 5px;}
.my_refund_list li p a{font-size:11px; color:#333;}
.my_refund_list li p strong{font-weight:600; font-size:11px; display:block;}
.my_refund_list li b{font-weight:normal; color:#ec6500;}
	/* »óÅÂ */
.my_refund_list li .state{position:absolute; right:60px; top:50%; width:50px; height:50px; margin-top:-25px;}
.my_refund_list li .state .inner{display:table-cell; text-align:center; vertical-align:middle; width:50px; height:50px;}
.my_refund_list li .state p{margin:0;}
.my_refund_list li .state button{width:40px; height:18px; margin:3px 0 0; color:#fff; font-size:8px; font-weight:600; letter-spacing:-0.05em; background:#d9371e; border-radius:3px;}
	/* ¼ö°­½Åû³»¿ª */
.my_refund_list li .mylist{position:absolute; right:5px; top:50%; width:50px; height:50px; margin-top:-25px;}
.my_refund_list li .mylist .inner{display:table-cell; text-align:center; vertical-align:middle; width:50px; height:50px;}
.my_refund_list li .mylist button{width:50px; height:50px; color:#f66754; font-size:8px; font-weight:600; letter-spacing:-0.05em; border:1px solid #f66754; border-radius:100%;}
	/* ±Û ¾øÀ» ¶§ */
.my_refund_list li.no_cont{text-align:center; font-size:10px; color:#999; padding:20px 0;}

/* »ó¼¼º¸±â ------------------------------------------*/


/* ³ªÀǼö°­½Åû ³»¿ªÁ¶È¸ ------------------------------------------*/
	/*ÅÇ*/
ul.my_prgm_tab{overflow:hidden; margin:0 -1px;}
ul.my_prgm_tab li{float:left; width:25%;}
ul.my_prgm_tab li a{display:block; height:28px; line-height:28px; font-size:555; font-size:11px; letter-spacing:-0.07em; background:#f4f4f4; border:1px solid #ddd; text-align:center; margin:1px;}
ul.my_prgm_tab li.on a{background:#e95943; border-color:#e95943; color:#fff;}
	/* °Ë»ö */
.my_prgm_search{border-top:1px solid #ffc0c0; border-bottom:1px solid #ddd; background:#f7f7f7; padding:10px 15px;}
.my_prgm_search table{}
.my_prgm_search table td{}
.my_prgm_search table select, .my_prgm_search table input, .my_prgm_search table button{vertical-align:middle; font-size:10px; color:#333; margin:0;}
.my_prgm_search table select{height:25px;}
.my_prgm_search table input{width:102px; height:23px; line-height:23px; background:#fff; border:1px solid #aaa; padding:0 0 0 10px;}
.my_prgm_search table button{width:40px; height:25px; font-weight:600; color:#fff; letter-spacing:-0.05em; background:#d9371e; border-radius:3px;}
	/* ¸®½ºÆ® */
.my_prgm_list{border-top:1px solid #ffc0c0;}
.my_prgm_list li{position:relative; border-bottom:1px solid #ddd; padding:10px 0 10px 25px;}
.my_prgm_list li, .my_prgm_list li *{line-height:1.3; letter-spacing:-0.05em; font-size:9px;}
.my_prgm_list li a{display:block;}
.my_prgm_list li div.No{position:absolute; left:0; top:50%; width:25px; height:10px; line-height:10px; text-align:center; font-size:8px; color:#999;}
.my_prgm_list li small{display:block; color:#999;}
.my_prgm_list li p{font-size:11px; color:#333; margin:2px 60px 5px 0;}
.my_prgm_list li p *{font-size:11px;}
.my_prgm_list li b{font-weight:normal; color:#ec6500;}
.my_prgm_list li .state{position:absolute; right:0; top:50%; width:50px; height:50px; margin-top:-25px;}
.my_prgm_list li .state .inner{display:table-caption; width:50px; height:50px; text-align:center; vertical-align:middle;}
.my_prgm_list li .state .inner div{font-size:10px; color:#333;}
.my_prgm_list li .state .inner button{width:40px; height:18px; margin:3px 0 0; color:#fff; font-size:8px; font-weight:600; letter-spacing:-0.05em; background:#d9371e; border-radius:3px;}
	/* ±Û ¾øÀ» ¶§ */
.my_prgm_list li.no_cont{text-align:center; font-size:10px; color:#999; padding:20px 0;}





/************************************************************** 3-4 ¿¬Â÷Çмú´ëȸ **************************************************************/
/* ÅÇ  --------------------------------------------*/
.annual_tab{overflow:hidden; margin:0 -3px;}
.annual_tab li{float:left; width:25%;}
.annual_tab li a{display:block; height:30px; line-height:28px; font-size:11px; color:#666; letter-spacing:-0.07em; text-align:center; margin:0 3px; border:1px solid #ddd; background:#f7f7f7;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.annual_tab li.on a{background:#e95943; border-color:#e95943; color:#fff;}


/* ¿¬Â÷Çмú´ëȸ À̹ÌÁö  --------------------------------------------*/
.annual_postersize{margin-top:-30px!important;}
.annual_postersize img{width:100%!important; height:auto!important;}

/* Á¾·áµÈ ¿¬Â÷´ëȸ --------------------------------------------*/
.annual_colse_list{border-top:1px solid #ffc0c0;}
.annual_colse_list li{position:relative; border-bottom:1px solid #ddd; padding:10px;}
.annual_colse_list li, .annual_colse_list li *{line-height:1.3; letter-spacing:-0.05em; font-size:9px;}
.annual_colse_list li p{font-size:11px; color:#333; margin:0 0 5px;}
.annual_colse_list li b{font-weight:normal; color:#ec6500;}
.annual_colse_list li a.btn_detail{position:absolute; right:10px; top:50%; margin-top:-12px; display:block; width:50px; height:24px; text-align:center; line-height:24px; font-size:10px; color:#666; border:1px solid #ccc; border-radius:3px;}
	/* ±Û ¾øÀ» ¶§ */
.annual_colse_list li.no_cont{text-align:center; font-size:10px; color:#999; padding:20px 0;}

/* ÇÁ·Î±×·¥ ÅÇ ------------------------------------------------*/
.annual_workshop_program_tab{overflow:hidden;}
.annual_workshop_program_tab li{float:left; margin-right:3px;}
.annual_workshop_program_tab li a{display:block; width:70px; height:25px; line-height:25px; text-align:center; font-size:10px; color:#666; border-width:1px 1px 0; border-style:solid; border-color:#ddd; border-radius:3px 3px 0 0;}
.annual_workshop_program_tab li.on a{background:#e95943; border-color:#e95943; color:#fff;}

/* ÇÁ·Î±×·¥ Å×À̺í --------------------------------------------*/
.annual_program_table{border-top:1px solid #e95943; border-left:1px solid #ddd;}
.annual_program_table th, .annual_program_table td{padding:2px; font-size:8px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.annual_program_table th{background:#f7f7f7;}
.annual_program_table td{}

/* »çÀü½Åû --------------------------------------------*/
	/* ¹öÆ° */
.btn_annual_regiX{width:50px; height:25px; line-height:23px; text-align:center; font-size:10px; font-weight:600; letter-spacing:-0.07em; color:#fff; border:1px solid #999; background:#aaa; border-radius:3px; -webkit-appearance:none;}













/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************ 4 Àü¹®»ó´ã»ç **********************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

/************************************************************** 4-2 Àü¹®»ó´ã»ç-ÀÚ°Ý°ËÁ¤½Åû **************************************************************/
	/* ÅÇ */
.license1_tab{overflow:hidden;}
.license1_tab li{float:left; margin-right:3px;}
.license1_tab li a{display:block; width:80px; height:25px; line-height:25px; text-align:center; letter-spacing:-0.07em; font-size:10px; color:#666; border-width:1px 1px 0; border-style:solid; border-color:#ddd; border-radius:3px 3px 0 0;}
.license1_tab li.on a{background:#e95943; border-color:#e95943; color:#fff;}

/* ÀÚ°ÝÃëµæ´Ü°è ----------------------------------------------------------*/
.license_process{border:1px solid #e95943; padding:15px;}
.license_process div.tit{text-align:center; font-size:12px; letter-spacing:-0.07em; text-align:center; line-height:1.3; margin:0 0 15px;}
.license_process div.tit b{font-weight:600; color:#333;}
.license_process div.tit span{color:#e95943; font-weight:600;}
.license_process .process_diagram{overflow:hidden; font-size:0;}
.license_process .process_diagram li{width:26%; text-align:center; display:inline-block; vertical-align:middle;}
.license_process .process_diagram li.arrow{width:11%;}
.license_process .process_diagram li.arrow img{width:20px;}
.license_process .process_diagram li span{display:inline-block; width:80%; height:20px; line-height:20px; font-size:9px; letter-spacing:-0.07em; border:3px solid #a9abaa;}
.license_process .process_diagram li span.now{border-color:#80bf00; color:#647f14;}
.license_process .process_diagram li span.success{border-color:#de442a; color:#de442a;}
	/* »óż³¸í */
	.license_condition{overflow:hidden; text-align:right; margin:5px 0 0;}
	.license_condition li{display:inline-block; font-size:9px; line-height:10px; margin-left:7px;}
	.license_condition li span{position:relative; top:2px; display:inline-block; width:10px; height:10px; margin-right:2px; background:#a9abaa;}
	.license_condition li span.now{background:#80bf00;}
	.license_condition li span.success{background:#de442a;}
	/* ¾È³» ÅؽºÆ® */
	.license_txt{font-size:9px; color:#de442a; text-align:left; letter-spacing:-0.07em; padding:10px 15px; background:#ffeeee; margin:20px 0 0;}

/* Àü¹®»ó´ã»ç ½ÃÇèÁ¢¼ö ¸®½ºÆ® ------------------------------------------------*/
.license_test_list{border-top:1px solid #ffc0c0;}
.license_test_list li{position:relative; border-bottom:1px solid #ddd; padding:10px;}
.license_test_list li, .license_test_list li *{line-height:1.3; letter-spacing:-0.05em; font-size:9px;}
.license_test_list li p{margin:2px 0 5px; font-size:11px; color:#333;}
.license_test_list li p span{font-weight:600; font-size:11px;}
.license_test_list li b{font-weight:normal; color:#ec6500;}
.license_test_list li .state{position:absolute; right:70px; top:50%; margin-top:-25px; width:50px; height:50px;}
.license_test_list li .state .inner{display:table-cell; text-align:center; vertical-align:middle; width:50px; height:50px; letter-spacing:-0.07em;}
.license_test_list li .cancel{position:absolute; right:10px; top:50%; margin-top:-25px; width:50px; height:50px;}
.license_test_list li .cancel .inner{display:table-cell; text-align:center; vertical-align:middle; width:50px; height:50px; letter-spacing:-0.07em;}
	/* ±Û ¾øÀ» ¶§ */
.license_test_list li.no_cont{text-align:center; font-size:10px; color:#999; padding:20px 0;}
	/* ¹öÆ° */
	.license_test_list li .state a, .license_test_list li .cancel a{display:inline-block; width:40px; height:18px; line-height:18px; font-size:9px; font-weight:600; color:#fff; letter-spacing:-0.07em; background:#d9371e; border-radius:3px;}
	.license_test_list li .state button, .license_test_list li .cancel button{width:40px; height:18px; line-height:18px; font-size:9px; font-weight:600; color:#fff; letter-spacing:-0.07em; background:#d9371e; border-radius:3px;}




/************************************************************** 4-3 Àü¹®»ó´ã»ç-Àü¹®»ó´ã»ç ¸í´Ü **************************************************************/
/* ÅÇ -----------------------------------------------------*/
.supervisor_tab{overflow:hidden; margin:0 -1px;}
.supervisor_tab li{float:left; width:22%;}
.supervisor_tab li.first{width:34%;}
.supervisor_tab li a{display:block; height:25px; line-height:25px; text-align:center; font-size:10px; letter-spacing:-0.07em; background:#f4f4f4; margin:0 1px;}
.supervisor_tab li.on a{background:#e95943; color:#fff;}

/* °Ë»ö -----------------------------------------------------*/
.supervisor_search{background:#f7f7f7; padding:10px; margin:10px 0 0;}
.supervisor_search table{width:100%; max-width:300px;}
.supervisor_search table th, .supervisor_search table td{padding:2px 0; text-align:left; font-size:10px; letter-spacing:-0.07em;}
.supervisor_search table th{width:60px;}
.supervisor_search table td{}
.supervisor_search table select, .supervisor_search table input{width:100%; height:21px; line-height:21px; font-size:10px; color:#333; background:#fff;}
.supervisor_search table select{}
.supervisor_search table input{border:1px solid #aaa; padding:0 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.supervisor_search table .button{text-align:right; width:45px; padding-left:5px;}
.supervisor_search table .button button{width:100%; height:100%; font-size:10px; color:#fff; font-weight:600; letter-spacing:-0.07em; background:#d9371e; border-radius:3px;}

/* ¸®½ºÆ® -----------------------------------------------------*/
.supervisor_list{}

















/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************ 5 ¸¶ÀÌÆäÀÌÁö **********************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/

/* ¿¬È¸ºñ ³³ºÎ ¸ñ·Ï -------------------------------------------------------------------*/
.member_society_list{}
.member_society_list table{border-width:1px 0 0 1px; border-style:solid; border-color:#ccc;}
.member_society_list table th, .member_society_list table td{border-width:0 1px 1px 0; border-style:solid; border-color:#ccc;}
.member_society_list table thead{}
.member_society_list table thead th, .member_society_list table thead td{height:15px; padding:5px 0 5px 5px; font-size:10px; text-align:left; font-weight:normal; background:#f7f7f7;}
.member_society_list table tbody{}
.member_society_list table tbody th, .member_society_list table tbody td{padding:5px 0 5px 5px; font-size:10px; text-align:left; font-weight:normal;}
.member_society_list table tbody th{}
.member_society_list table p{font-weight:600; color:#333; font-size:11px;}
.member_society_list table b{font-weight:normal; color:#ec6500;}

/* ³³ºÎÇÏ½Ç ±Ý¾× ---------------------------------------------------------------------*/
.member_society_paynow{border:1px solid #ec6550;}
.member_society_paynow p{padding:7px 0; font-size:11px; color:#fff; font-weight:600; text-align:center; background:#f2a0a0;}
.member_society_paynow table{}
.member_society_paynow table th, .member_society_paynow table td{padding:10px 0; font-size:12px; font-weight:600;}
.member_society_paynow table th{text-align:left; width:50px;}
.member_society_paynow table td{text-align:right; color:#ec6550;}

/* ³³ºÎÇöȲ ---------------------------------------------------------------------------*/
.member_society_paylist{border-top:1px solid #ffc0c0;}
.member_society_paylist li{position:relative; border-bottom:1px solid #ddd; padding:10px;}
.member_society_paylist li, .member_society_paylist li *{line-height:1.3; letter-spacing:-0.05em; font-size:9px;}
.member_society_paylist li small{font-size:9px; color:#ec6500;}
.member_society_paylist li p{margin:2px 0 5px;}
.member_society_paylist li p a{font-size:12px; color:#333;}
.member_society_paylist li b{font-weight:normal; color:#ec6500;}
.member_society_paylist li .price{position:absolute; right:70px; top:50%; margin-top:-25px; width:50px; height:50px;}
.member_society_paylist li .price .inner{display:table-cell; text-align:center; vertical-align:middle; width:50px; height:50px; color:#ec6550; font-size:10px; letter-spacing:-0.07em;}
.member_society_paylist li .price p{font-size:9px; color:#333;}
.member_society_paylist li .state{position:absolute; right:10px; top:50%; margin-top:-25px; width:50px; height:50px;}
.member_society_paylist li .state .inner{display:table-cell; text-align:center; vertical-align:middle; width:50px; height:50px; color:#ec6550; font-size:10px; letter-spacing:-0.07em;}
.member_society_paylist li .state p{font-size:9px; color:#333;}
	/* ±Û ¾øÀ» ¶§ */
.member_society_paylist li.no_cont{text-align:center; font-size:10px; color:#999; padding:20px 0;}

/* À̼öÁõ ¹ß±Þ °Ë»ö ---------------------------------------------------------------------------*/
.member_certi_search{border:2px solid #ededed; background:#f7f7f7; padding:10px 15px;}
.member_certi_search table{}
.member_certi_search table th, .member_certi_search table td{padding:2px 0; text-align:left; font-size:10px; letter-spacing:-0.05em;}
.member_certi_search table th{color:#333; width:50px;}
.member_certi_search table td{}
.member_certi_search table select{width:100%; height:25px;}
.member_certi_search table input{width:100%; height:25px; line-height:25px; color:#333; padding:0 5px; background:#fff; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.member_certi_search table .button{width:50px; padding-left:10px;}
.member_certi_search table .button button{width:100%; height:60%; color:#fff; font-size:12px; font-weight:600; letter-spacing:-0.05em; background:#d9371e; border-radius:3px;}

/* À̼öÁõ ¹ß±Þ ¸®½ºÆ® ---------------------------------------------------------------------------*/
.member_certi_list{border-top:1px solid #ffc0c0;}
.member_certi_list li{position:relative; border-bottom:1px solid #ddd; padding:10px 0 10px 25px;}
.member_certi_list li, .member_certi_list li *{line-height:1.3; letter-spacing:-0.05em; font-size:9px;}
.member_certi_list li div.No{position:absolute; left:0; top:50%; width:25px; height:10px; line-height:10px; text-align:center; font-size:8px; color:#999;}
.member_certi_list li small{display:block; color:#999;}
.member_certi_list li p{font-size:11px; color:#333; margin:2px 0 5px; width:65%;}
.member_certi_list li p strong{font-weight:600; font-size:11px; display:block;}
.member_certi_list li b{font-weight:normal; color:#ec6500;}
.member_certi_list li .receipt{position:absolute; right:55px; top:50%; margin-top:-11px; width:40px; height:22px;}
.member_certi_list li .isu{position:absolute; right:10px; top:50%; margin-top:-11px; width:40px; height:22px;}
	/* ±Û ¾øÀ» ¶§ */
.member_certi_list li.no_cont{text-align:center; font-size:10px; color:#999; padding:20px 0;}



















/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/********************************************************************** 6 ¿Â¶óÀÎȸ¿øÄ«µå ********************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
.my_qrcard_wrap{position:relative; max-width:600px; margin:0 auto;}
	/* BG */
.my_qrcard_wrap .bg{}
.my_qrcard_wrap .bg img{width:100%;}
	/* »çÁø */
.my_qrcard_wrap .my_qrcard_myphoto{position:absolute; right:5%; top:17%; width:30%; height:55%; border:1px solid #aaa;}
.my_qrcard_wrap .my_qrcard_myphoto img{width:100%; height:100%!important;}
	/* Àç³­»ó´ãÁö¿ø´Ü */
.my_qrcard_wrap .my_qrcard_sg{position:absolute; right:40px; bottom:80px; width:170px; text-align:center; font-size:13px; color:#000; line-height:1.3; display:none;}
	/* ÇÐȸ·Î°í */
.my_qrcard_wrap .my_qrcard_logo{position:absolute; right:6%; bottom:10%; width:28%;}
.my_qrcard_wrap .my_qrcard_logo img{width:100%;}
	/* QRÄÚµå */
.my_qrcard_wrap .my_qrcard_qrcode{position:absolute; left:5%; bottom:5%; width:20%; border:1px solid #cdcdcd;}
.my_qrcard_wrap .my_qrcard_qrcode img{width:100%;}
	/* Á¤º¸ */
.my_qrcard_wrap .my_qrcard_info{position:absolute; left:5%; top:17%; width:55%; height:80%;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name{height:16%; border-bottom:1px solid #ddd; margin:0 0 3%;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name strong{font-size:17px; font-weight:600; color:#000; letter-spacing:-0.07em;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name span{font-size:11px; color:#000; letter-spacing:-0.07em;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name small{font-size:11px; color:#818181; letter-spacing:-0.07em;}
.my_qrcard_wrap .my_qrcard_info table{}
.my_qrcard_wrap .my_qrcard_info table th, .my_qrcard_wrap .my_qrcard_info table td{font-size:11px; line-height:1.2; text-align:left; vertical-align:top; font-weight:600; color:#000; word-break:keep-all; padding:0.7% 0%;}
.my_qrcard_wrap .my_qrcard_info table th{width:25%; color:#999;}
.my_qrcard_wrap .my_qrcard_info table td{color:#000;}
@media all and (min-width: 450px) and (max-width: 500px){
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name strong{font-size:20px;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name span{font-size:14px;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name small{font-size:14px;}
.my_qrcard_wrap .my_qrcard_info table th, .my_qrcard_wrap .my_qrcard_info table td{font-size:13px; padding:1% 0;}
}

@media all and (min-width: 500px) and (max-width: 9999px){
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name strong{font-size:25px;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name span{font-size:16px;}
.my_qrcard_wrap .my_qrcard_info .my_qrcard_info_name small{font-size:16px;}
.my_qrcard_wrap .my_qrcard_info table th, .my_qrcard_wrap .my_qrcard_info table td{font-size:15px; padding:1% 0;}	
}



















/************************************************************** °øÅë **************************************************************/
/* ŸÀÌƲ --------------------------------------------------------*/
h3{font-size:13px; font-weight:600; color:#333; line-height:1.6; letter-spacing:-0.05em; padding-left:23px; background:url(../img/common/h3.png) left 50% no-repeat; background-size:20px auto;}
h4{font-size:13px; font-weight:600; color:#333; line-height:1.6; letter-spacing:-0.05em; padding-left:23px; background:url(../img/common/h4.png) left 50% no-repeat; background-size:10px auto;}
h5{font-size:12px; font-weight:600; color:#333; line-height:1.6; letter-spacing:-0.05em; padding-left:10px; background:url(../img/common/h5.gif) left 50% no-repeat; background-size:5px auto;}


/* 3depth ÅÇ --------------------------------------------------------*/
.depth3{overflow:hidden; margin:0 0 20px;}
.depth3 li{float:left; width:33.33%}
.depth3 li a{display:block; height:28px; line-height:28px; text-align:center; font-size:11px; color:#555; letter-spacing:-0.05em; background:#f4f4f4;}
.depth3 li.on a{background:#e95943; color:#fff;}


/* Å×À̺í ----------------------------------------------------------*/
.table_basic{border-width:1px 0 0 1px; border-style:solid; border-color:#ffc0c0 #ddd #ddd;}
.table_basic th, .table_basic td{padding:5px 0; height:11px; font-size:10px; letter-spacing:-0.05em; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.table_basic th{background:#f7f7f7;}
.table_basic td{padding-left:10px;}
	.table_basic.center td{text-align:center; padding-left:0;}



/* ¹öÆ° ----------------------------------------------------------*/
.btn_red{font-weight:600; color:#fff; letter-spacing:-0.05em; background:#d9371e; border-radius:3px;}
	input.btn_red{-webkit-appearance:none; border:0 none;}
.btn_red2{font-weight:600; color:#fff; letter-spacing:-0.05em; color:#d9371e; border:1px solid #d9371e; border-radius:3px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	input.btn_red2{-webkit-appearance:none;}
	/* ¿É¼Ç */



/* Æû¿ä¼Ò ----------------------------------------------------------*/
textarea{width:97%; font-size:10px; color:#333; line-height:1.3; padding:5px; border:1px solid #999; background:#fff;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inputst{height:20px; line-height:20px; font-size:10px; color:#333; padding:0 5px; background:#fff; border:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}




/* ÆäÀÌ¡ --------------------------------------------------------*/
.paging{text-align:center; margin:20px 0 0; font-size:0;}
.paging a{display:inline-block; width:20px; height:20px; line-height:20px; border:1px solid #ddd; margin:0 1px; font-size:10px; color:#999;}
.paging a:hover{background:#f7f7f7; border-color:#ccc; color:#666;}
.paging a.on{border-color:#ec6550; color:#ec6550; font-weight:600;}







/* ¸¶Áø -------------------------------------------------*/
.top3{margin-top:3px;}
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top45{margin-top:45px;}
.top50{margin-top:50px;}
.top55{margin-top:55px;}
.top60{margin-top:60px;}
.top65{margin-top:65px;}
.top70{margin-top:70px;}
.top75{margin-top:75px;}
.top80{margin-top:80px;}
.top85{margin-top:85px;}
.top90{margin-top:90px;}
.top95{margin-top:95px;}
.top100{margin-top:100px;}

.bottom10{margin-bottom:10px;}
.bottom15{margin-bottom:15px;}
.bottom20{margin-bottom:20px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.clear{clear:both;}

/* °¡·Î»çÀÌÁî -------------------------------------------------*/
.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;}
.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;}
.w250{width:250px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w350{width:350px;}
.w360{width:360px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w400{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w590{width:590px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}
.w850{width:850px;}
.w900{width:900px;}
.w950{width:950px;}

/* ¼¼·Î»çÀÌÁî ---------------------------------------------------*/
.h10{height:10px;}
.h11{height:11px;}
.h12{height:12px;}
.h13{height:13px;}
.h14{height:14px;}
.h15{height:15px;}
.h16{height:16px;}
.h17{height:17px;}
.h18{height:18px;}
.h19{height:19px;}
.h20{height:20px;}
.h21{height:21px;}
.h22{height:22px;}
.h23{height:23px;}
.h24{height:24px;}
.h25{height:25px;}
.h26{height:26px;}
.h27{height:27px;}
.h28{height:28px;}
.h29{height:29px;}
.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;}
.h250{height:250px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h500{height:500px;}
.h600{height:600px;}
.h700{height:700px;}
.h800{height:800px;}
.h900{height:900px;}

/* ÆùÆ®»çÀÌÁî ---------------------------------------------------*/
.font8{font-size:8px;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}