/* layout */

#wrap {width:100%; position:relative; overflow: hidden; padding-top: 102px;}
#container {width:100%; margin:0 auto; text-align:left; position:relative;}
#container:after {content:""; clear:both; display:block;}
#content{width: 100%; margin:0 auto;}
.inner-1200{margin: 0 auto;}
.hide{text-indent:-9999px; width:0; height:0; font-size:0;}

/*????????????? ???????????????????????????*/
#content .cooking-banner01{width: 100%;}
#content .cooking-banner01 img{width: 100%;}

/*????????????? ???????????????????????????*/
#header{width: 100%; overflow: auto; position: fixed; margin-top: -102px; z-index: 50;}
/*#header > .inner-1200{width:100%; height: 60px; margin: auto; position: relative; background: #fff;}*/
#header > .inner-1200{width:100%; height: 60px; margin: auto; position: relative; background: #222;}
#header > .inner-1200 h1{width:50%; text-align: center; position: absolute; left: 50%; top: 0; margin-left: -25%;}
#header > .inner-1200 h1 img{height: 35px; margin-top: 10px; -webkit-filter: brightness(500%);filter: brightness(500%);}
#header > .inner-1200 .gnb-btn{float: left; width: 60px; height: 45px; padding-top: 15px; padding-left: 15px;}
#header > .inner-1200 .right-gnb{float: right; margin-right: 15px;}
#header > .inner-1200 .right-gnb a{display: block; height: 60px; width: 40px; float: left; }
#header > .inner-1200 .right-gnb .gnb-kakao{background: url('/m/images/common/gnb_kakao.png') 50% 50% no-repeat; background-size:25px; }
#header > .inner-1200 .right-gnb .gnb-call{background: url('/m/images/common/gnb_call_w.png') 50% 50% no-repeat; background-size:23px; }
#header > .inner-1200 .right-gnb .gnb-online{background: url('/m/images/common/gnb_online.png') 50% 50% no-repeat; background-size:25px; }
.hamburger .line{width: 24px;  height: 2px;   background-color: /*#555*/#fff;  display: block;  margin: 6px 0;  -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
.hamburger:hover{cursor: pointer;}
#hamburger-1.is-active .line:nth-child(1){ -webkit-transform: translateY(8px) rotate(45deg);  -ms-transform: translateY(8px) rotate(45deg);  -o-transform: translateY(8px) rotate(45deg);  transform: translateY(8px) rotate(45deg);}
#hamburger-1.is-active .line:nth-child(2){ opacity: 0;}
#hamburger-1.is-active .line:nth-child(3){ -webkit-transform: translateY(-8px) rotate(-45deg);  -ms-transform: translateY(-8px) rotate(-45deg);  -o-transform: translateY(-8px) rotate(-45deg);  transform: translateY(-8px) rotate(-45deg);}


/*#nav{width: 100%; height: 40px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f5f5f5; position: relative;}*/
#nav{width: 100%; height: 42px; border-top:none; border-bottom: 1px solid #333; background: #333; position: relative; top: -1px;}
#nav .left-menu{position: fixed; width: 100%;  height: 100%; left: 0; top: 0; z-index: 30;  display: none; }
#nav .left-menu .dim{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; bottom: 0; z-index: 0;}
#nav .left-menu .left-menu-bar{width: 70%; background: #e8ebec; margin-left: -70%; position: absolute; top: 0; height: 100%; z-index: 20; overflow: hidden;}
#nav .left-menu .left-menu-bar .movemenu{width: 110%; overflow-y:scroll; height: 100%;}
#nav .left-menu .left-menu-bar .movemenu .ulwrap{padding-bottom: 80px;}
#nav .left-menu .left-menu-bar .left-banner{width: 100%; background: #333;}
#nav .left-menu .left-menu-bar .left-banner img{width: 101%;}
#nav .left-menu .left-menu-bar .all-menu{}
#nav .left-menu .left-menu-bar .all-menu.campus{}
#nav .left-menu .left-menu-bar .all-menu.campus span{background-image: url('/m/images/common/map-menu_ico.svg'); background-color: #a18e6d; color:#fff;}
#nav .left-menu .left-menu-bar .all-menu.academy span{background-image: url('/m/images/common/academy-menu_ico.svg'); }
#nav .left-menu .left-menu-bar .all-menu.course01 span{background-image: url('/m/images/common/course01_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course02 span{background-image: url('/m/images/common/course02_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course03 span{background-image: url('/m/images/common/course03_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course04 span{background-image: url('/m/images/common/course04_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course05 span{background-image: url('/m/images/common/course05_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course06 span{background-image: url('/m/images/common/course06_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course07 span{background-image: url('/images/common/course07_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course08 span{background-image: url('/images/common/course07_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course09 span{background-image: url('/images/common/course03_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course10 span{background-image: url('/images/common/course04_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course11 span{background-image: url('/images/common/course11_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course14 span{background-image: url('/images/common/course07_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course16 span{background-image: url('/images/common/course17_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course17 span{background-image: url('/images/common/course05_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.course18 span{background-image: url('/images/common/course18_menu_ico.png');}
#nav .left-menu .left-menu-bar .all-menu.job span{background-image: url('/m/images/common/job-menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.community span{background-image: url('/m/images/common/community-menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.helpdesk span{background-image: url('/m/images/common/helpdesk-menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.flower span{background-image: url('/m/images/common/academy-menu_ico.svg'); }
#nav .left-menu .left-menu-bar .all-menu.sup span{background-image: url('/m/images/common/course99_menu_ico.svg');}
#nav .left-menu .left-menu-bar .all-menu.sup span a{color:#666; display: block; width: 100%; height: 100%;	}
#nav .left-menu .left-menu-bar .all-menu span{-webkit-filter: grayscale(100%);filter: grayscale(100%);display: block; background-size:25px; background-repeat: no-repeat; background-position: 5% 50%; text-indent: 6%; padding-left: 30px; height: 50px; background-color: #fff; border-bottom: 1px solid #e8ebec; font-size: 16px; font-weight: 200; line-height: 50px;}
#nav .left-menu .left-menu-bar .all-menu:nth-child(3){border-top: 1px solid #e8ebec;}
#nav .left-menu .left-menu-bar .all-menu.campus span{-webkit-filter: none;filter: none; border-bottom: none;}
#nav .left-menu .left-menu-bar .all-menu.campus ul {position:relative;} 
#nav .left-menu .left-menu-bar .all-menu.campus ul li{background: #666; border-bottom: 1px solid #777; posi tion:absolute; left:0; top:0	}
#nav .left-menu .left-menu-bar .all-menu.campus ul li:nth-child(2) {}

#nav .left-menu .left-menu-bar .all-menu.campus ul li a{color: #fff;}
#nav .left-menu .left-menu-bar .all-menu.campus ul li.on a{color: #ffd33c;}
#nav .left-menu .left-menu-bar .all-menu.campus ul li.on .sidecall a{background: url('/m/images/common/gnb_call_y.png') 15px 50% no-repeat; background-size: 15px;}
#nav .left-menu .left-menu-bar .all-menu ul{display: none;}
#nav .left-menu .left-menu-bar .all-menu ul li{line-height: 40px; height: 40px; text-indent: 5%; background: #f8f9f9; border-bottom: 1px solid #e8ebec; padding-left: 30px;font-size:12.8px;}
#nav .left-menu .left-menu-bar .all-menu ul li a{display: block; width: 100%; height: 40px;}
#nav .left-menu .left-menu-bar .all-menu.campus ul li .depth1{display: block; width: 100%; height: 40px;}
#nav .left-menu .left-menu-bar .all-menu.campus ul li > a{display: block; overflow: hidden; width: 35%; height: 40px; float: left; position: relative;}
#nav .left-menu .left-menu-bar .all-menu.campus ul li > a:after{content: ''; position: absolute; display: inline-block; width: 1px; height: 25px; top: 8px;  right: 0; background: #777;}
#nav .left-menu .left-menu-bar .all-menu.campus ul li .depth:after{display: none;}
#nav .left-menu .left-menu-bar .all-menu ul li .sidecall a{display: block; width: 65%; height: 40px; float: left; color: #fff;font-weight: 200; background: url('/m/images/common/gnb_call_w.png') 15px 50% no-repeat; background-size: 15px; text-indent: 40px; box-sizing:border-box;}
.gnbSlideMenu{height: 41px;}
.gnbSlideMenu .maskgnb{width: 100%; overflow-x: scroll; height: 60px;}
#gnb{clear:both; overflow: hidden;}
#gnb > li{float: left; width:125px;}
/*#gnb > li > a{padding: 0 20px; color: #444; font-size: 13px; height: 41px; line-height: 40px; font-weight: 200; text-align: center; display: block;}*/
#gnb > li > a{padding: 0 20px; color: #ccc; font-size: 13px; height: 42px; line-height: 43px; font-weight: 200; text-align: center; display: block;}
#gnb > li.sub-lang>a{line-height: 54px;}
#gnb > li .sub-menu{width: 100%; position: absolute; left: 0; top: 43px; background: #444; box-sizing:border-box; display: none;}
#gnb > li .sub-menu li{padding: 5px 10px; border-bottom: 1px solid #555;}
#gnb > li .sub-menu li:first-child{padding-top:5px;}
#gnb > li .sub-menu li:last-child{box-sizing: border-box; border-bottom: 2px solid #b2a79a; padding-bottom: 10px;}
#gnb > li .sub-menu li a{font-size: 12px; font-weight: 200; color: #ccc; letter-spacing:-0.3px; padding: 5px; padding-left: 10px;	display: block; width: 100%; height: 100%;}
#gnb > li .sub-menu li a:hover{color: #f4c301;}

/*Ŀ�???????????? ī�???��?????????*/
#gnb > li.flower_m .sub-menu li:first-child{background: #9e8f73;}
#gnb > li.flower_m .sub-menu li:first-child a{color: #fff;}
#gnb > li[course="7"] .sub-menu li:nth-of-type(1):before{content: '����ŷ�ܰ�'; display: block; width: 100%; height: 30px; line-height: 30px; color: #ccc; background: #5b5b5b url('/m/images/common/gnb_sub_arrow.png') 95% 50% no-repeat; padding: 0 10px; text-indent: 10px; margin-bottom: 3px; margin-top: -5px; margin-left: -10px;}
#gnb > li[course="7"] .sub-menu li:nth-of-type(5):before{content: '����ŷ�ܰ�'; display: block; width: 100%; height: 30px; line-height: 30px; color: #ccc; background: #5b5b5b url('/m/images/common/gnb_sub_arrow.png') 95% 50% no-repeat; padding: 0 10px; text-indent: 10px; margin-bottom: 3px; margin-top: -5px; margin-left: -10px;}

/*?????????????????????ī�???��?????????*/
#gnb > li[course="10"]{}
#gnb > li[course="10"] .sub-menu{}
#gnb > li[course="10"] .sub-menu li:first-child{background: #9e8f73;}
#gnb > li[course="10"] .sub-menu li:first-child a{color: #fff;}
#gnb > li[course="10"] .sub-menu li:nth-of-type(2):before{content: '베이킹단과'; display: block; width: 100%; height: 30px; line-height: 30px; color: #ccc; background: #5b5b5b url('/m/images/common/gnb_sub_arrow.png') 95% 50% no-repeat; padding: 0 10px; text-indent: 10px; margin-bottom: 3px; margin-top: -5px; margin-left: -10px;}
#gnb > li[course="10"] .sub-menu li:nth-of-type(6):before{content: '마스터 프로 클래스'; display: block; width: 100%; height: 30px; line-height: 30px; color: #ccc; background: #5b5b5b url('/m/images/common/gnb_sub_arrow.png') 95% 50% no-repeat; padding: 0 10px; text-indent: 10px; margin-bottom: 3px; margin-top: -5px; margin-left: -10px;}
/*???????????? ???????????????????????????*/
#footer{width: 100%;}
.slogan-footer{width: 100%; height: 135px; background: url('/images/common/slogan_barista_txt.png') 50% 50% no-repeat, #eaebf0; background-size: 75%;}
.slogan-barista-footer{width: 100%; height: 135px;: 135px; background: url('/images/common/slogan_barista_txt.png') 50% 50% no-repeat, #eaebf0; background-size: 75%;}
.footer-banner{width: 100%; background: #eaebf0;}
.footer-banner a img{width: 100%;}
#footer01{background: #000;}
#footer01 .inner-1200{width: 100%;}
#footer01 .inner-1200 .footer-menu li{float: left; width: 25%; padding: 10px 0;}
#footer01 .inner-1200 .footer-menu li a{display: inline-block; color: #ccc; font-size: 12px; width: 100%; border-right: 1px solid #444; box-sizing:border-box; text-align: center;}
#footer01 .inner-1200 .footer-menu li:last-child a{border-right: 0;}
#footer02{background: #151515; padding-bottom: 100px;}
#footer02 .inner-1200{}
#footer02 .inner-1200 h2{float: left; width: 100%; padding-top: 25px; text-align: center; margin-bottom: 20px;}
#footer02 .inner-1200 h2 img{max-width: 90%; -webkit-filter: brightness(250%);filter: brightness(250%);}
#footer02 .inner-1200 address{display: block; width: 90%; margin: auto; font-style:normal; text-align: center; color: #666; line-height: 1.6; font-size: 0.9em; font-weight: 200;}
#footer02 .inner-1200 address span{font-size: 13px; font-weight: 400; display: block; padding-top: 10px;}

#footBtn {position: fixed; bottom: 0px; left: 0; z-index: 25; width: 100%; box-shadow: 0px -5px 10px rgba(0,0,0,.2)}
#footBtn ul {display: flex; justify-content: space-around; padding: 10px 5px; box-sizing: border-box; background-color: #fff;}
#footBtn ul li {text-align: center;}
#footBtn ul li a {display: block; transition: all 0.3s; width: 64px; height: auto; box-sizing: border-box;}
#footBtn ul li span {display: block; margin-top: 3px; font-size: 12px; font-weight: 500; color: #333;}
#footBtn ul li .on_hide {display: inline-block;}
#footBtn ul li .off_hide {display: none;}
#footBtn ul .callBtn {margin: 0 10px;}
#footBtn ul .callBtn a {width: 50px; height: 50px; background: #313131; border-radius: 100%; line-height: 65px;}
#footBtn ul .on .on_hide {display: none;}
#footBtn ul .on .off_hide {display: inline-block;}
#footBtn ul .on span {color: #ffa200;}

#footer .pc-view-btn{color: #888; display: block; margin: 10px auto 0; padding: 5px 10px; border: 1px solid #666; width: 25%;}

#nav .left-menu .left-menu-bar .all-menu.course15 span{ background-image: url('/images/common/course15_menu_ico.svg');}


/* LOADING STYLE */
.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}
.isloading-overlay img{padding-right:10px; vertical-align:middle}



/*???????????????????????????????????? pcmobbtn*/
.boardTable td a.pc-btn{display: none;}
.boardTable td a.mob-btn{display: block;}



/*?????????????????????????????????????????????????*/
	.inner{width: 95%; margin: auto;}
	.sup-title strong{font-size: 13px; font-family: 'Crimson Text',serif; color: #ad9467; letter-spacing: 0.5px;}
	.sup-title h3{margin: 5px 0 3px; font-size: 20px;}
	.sup-title p{font-size: 13px; line-height: 1.4;}
	#supPay{background: #16110b url('/m/images/sub/support_bg.png') 0 -10px no-repeat; background-size:130%;}
	#supPay .inner{width: 100%; padding:60px 0 0; text-align: center;}
	#supPay .inner > h3{margin-top: 10px; font-size: 20px; font-weight: 600; color: #fff;}
	#supPay .inner > p{font-size: 13px; color: #ccc;}
	#supPay .inner .ico-box{margin-top: 60px; padding: 20px 0; background: #222;}
	#supPay .inner .ico-box div{margin-bottom: 40px;}
	#supPay .inner .ico-box div h3{margin-top: 30px; font-size: 20px; color: #fff; font-weight: 600;}
	#supPay .inner .ico-box div h3 span{display: block;	font-size: 15px; color: #ccc; font-weight: 200;}
	#supPay .inner .ico-box div p{width:100%; margin: 5px auto; font-size: 13px; color: #ccc; }
	#supPay .inner .ico-box div p strong{display: block; color: #ad9467;}
	#supPay .inner .ico-box div p br{display: none;}
	#supPay .inner .ico-box .sup-icon{width: 85%; margin: auto;}
	#supPay .inner .ico-box .sup-icon li{width: 50%; margin-bottom: 20px; float: left;}
	#supPay .inner .ico-box .sup-icon li img{width: 60%;}
	#supPay .inner .ico-box .sup-icon li p{width: 90%; margin: 10px auto; font-size: 13px; color: #ccc;}
	#supPay .inner .ico-box .sup-icon li strong{font-weight: 300; color: #fff;}
	#supBody{}
	#supBody .sup-title p{width: 90%; margin: auto;}
	#supBody .menu-tap{border-bottom: 1px solid #dcdcdc;}
	#supBody .menu-tap ul{width: 100%;}
	#supBody .menu-tap ul li{width: 50%; position: relative; float: left;}
	#supBody .menu-tap ul li a{width: 100%; height: 60px; line-height:60px; display: block; text-align: center; font-size: 15px; color: #666;}
	#supBody .menu-tap ul li.on:after{width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; display: block;	background: #ad9467; content: '';}
	#supBody .menu-tap ul li.on a{color: #ad9467;}
	#supBody .sup-type{}
	#supBody .sup-type > ul{}
	#supBody .sup-type > ul > li{display: none;}
	#supBody .sup-type > ul > li.on{display: block;}
	#supBody .sup-type > ul > li .sup-explain{width: 100%; margin: auto;}
	#supBody .sup-type .sup-explain{padding: 50px 0;}
	#supBody .sup-type .sup-explain .sup-title{text-align: center;}
	#supBody .sup-type .sup-explain .sup-infographic{margin: 30px 0;}
	#supBody .sup-type .sup-explain .sup-infographic img{display: block; width: 95%; margin: auto;}
	#supBody .sup-type .sup-explain h4{width: 95%; margin: 0 auto 15px;font-size: 18px; color: #333;}
	#supBody .sup-type .sup-explain h4 strong{margin-right: 10px; font-weight: 600; color: #ad9467;}
	#supBody .sup-type .sup-explain h4 span{margin-left: 15px; font-weight: 300; font-size: 13px; color: #888;}
	#supBody .sup-type .sup-explain .target{width: 87%; margin: auto; padding: 20px 4%; margin-bottom: 30px; background: #f8f8f8; border: 1px solid #e8e8e8;}
	#supBody .sup-type .sup-explain .target h5{font-size: 15px; font-weight: 300; color: #333;}
	#supBody .sup-type .sup-explain .target dl{margin-bottom: 20px;}
	#supBody .sup-type .sup-explain .target dl dt{margin-top: 10px; font-size: 13px; font-weight: 300; color: #ad9467; }
	#supBody .sup-type .sup-explain .target dl dd{font-size: 13px; color: #666; line-height: 1.6;}
	#supBody .sup-type .sup-explain .target dl dd:before{width: 3px; height: 3px; position: relative; top: -4px; border-radius:3px; display: inline-block; margin-right: 5px;  background: #ad9467; content: '';}
	#supBody .sup-type .sup-explain .target em{font-size: 13px; color: #888;}
	#supBody .sup-type .sup-explain ul{width: 95%; margin: auto;}
	#supBody .sup-type .sup-explain ul li{}
	#supBody .sup-type .sup-explain ul li dl{padding-bottom: 15px; background: #f8f8f8; border: 1px solid #e8e8e8;}
	#supBody .sup-type .sup-explain ul li dl dt{height: 50px; margin-bottom: 15px; line-height: 50px; text-indent: 20px; font-size: 13px; color: #fff;}
	#supBody .sup-type .sup-explain ul li dl dt strong{margin-right: 10px; opacity: 0.5;}
	#supBody .sup-type .sup-explain ul li dl dd{padding: 0 25px; font-size: 13px; color: #666; line-height: 1.6;}
	#supBody .sup-type .sup-explain ul li dl dd:before{width: 3px; height: 3px; position: relative; top: -4px; border-radius:3px; display: inline-block; margin-right: 5px;  background: #ad9467; content: '';}
	#supBody .sup-type .sup-explain ul li:nth-of-type(1) dl dt{background: #777676;}
	#supBody .sup-type .sup-explain ul li:nth-of-type(2) dl dt{background: #4a4743;}
	#supBody .sup-type .sup-explain ul li:nth-of-type(3) dl dt{background: #7d6b4a;}
	#supBody .sup-type .sup-explain ul li:nth-of-type(4) dl dt{background: #ad9467;}
	#supBody .sup-type .sup-explain table{width: 95%; margin: auto;}
	#supBody .sup-type .sup-explain table th,#supBody .sup-type .sup-explain table td{height: 50px; vertical-align: middle; font-size: 13px; font-weight: 200; text-align: center; border-bottom: 1px solid #dcdcdc;}
	#supBody .sup-type .sup-explain table thead{}
	#supBody .sup-type .sup-explain table thead tr{}
	#supBody .sup-type .sup-explain table thead tr th{background: #ad946a 7px; color: #fff;}
	#supBody .sup-type .sup-explain table thead tr th:first-child{background: #9a855d;}
	#supBody .sup-type .sup-explain table tbody tr th{background: #f1f0f0;}
	#supBody .sup-type .sup-explain table tbody tr td{background: #f8f8f8;}
	#supBody .sup-type .sup-explain > em{width: 95%; margin: 20px auto 0; display: block;font-size: 13px; color: #888;}
	#supProcedure{padding: 50px 0;background: #222;}
	#supProcedure .inner .sup-title{margin-bottom: 40px; text-align: center;}
	#supProcedure .inner .sup-title h3{color: #fff;}
	#supProcedure .inner .sup-title p{color: #ccc;}
	#supProcedure .inner ul{width: 95%; margin: auto;}
	#supProcedure .inner ul li{padding-left: 70px; margin-bottom: 30px; background-repeat: no-repeat; background-position: 0 50%; background-size: auto 35px;}
	#supProcedure .inner ul li:nth-of-type(1){background-image: url('/m/images/sub/support_pro_ico01.png');}
	#supProcedure .inner ul li:nth-of-type(2){background-image: url('/m/images/sub/support_pro_ico02.png');}
	#supProcedure .inner ul li:nth-of-type(3){background-image: url('/m/images/sub/support_pro_ico03.png');}
	#supProcedure .inner ul li:nth-of-type(4){background-image: url('/m/images/sub/support_pro_ico04.png');}
	#supProcedure .inner ul li:nth-of-type(5){background-image: url('/m/images/sub/support_pro_ico05.png');}
	#supProcedure .inner ul li:nth-of-type(6){background-image: url('/m/images/sub/support_pro_ico06.png');}
	#supProcedure .inner ul li h4{margin-bottom: 5px; font-weight: 300; font-size: 18px; color: #fff;}
	#supProcedure .inner ul li h4 strong{margin-right: 10px;  color: #ad9467;}
	#supProcedure .inner ul li p{font-size: 13px; color: #ccc;}
	#supProcess{background: #f5f5f5; padding: 40px 0 50px; border-bottom: 1px solid #dcdcdc;}
	#supProcess .inner .sup-title{text-align: center; margin-bottom: 20px;}
	#supProcess .inner .sup-title h3{}
	#supProcess .inner .li-btn{width: 160px; height: 50px; display: block; margin: 50px auto 0; border: 1px solid #ccc; font-size: 14px; line-height: 50px; color: #888; text-align: center;}
	#supProcess .inner ul{}
	#supProcess .inner ul li{width: 50%; float: left; margin-bottom: 5px; text-align: center;}
	#supProcess .inner ul li:first-child{width: 100%; float: inherit;}
	#supProcess .inner ul li h4{margin-bottom: 5px; font-weight: 300; font-size: 18px; color: #333;}
	#supProcess .inner ul li h4 strong{margin-right: 10px; color: #ad9467;}
	#supProcess .inner ul li p{width: 80%; margin: auto; font-size: 13px; color: #666;}
	#supProcess .inner ul li img{width:150px; margin-bottom: 5px;}
	#supProgram{padding: 50px 0 50px;}
	#supProgram .inner .sup-title{text-align: center;}
	#supProgram .inner ul{margin-top: 30px;}
	#supProgram .inner ul li{height: 120px; position: relative; margin-bottom: 1px; background-size:cover; background-repeat: no-repeat; background-position: 0 20%;}
	#supProgram .inner ul li:nth-of-type(1){background-image: url('/m/images/sub/support_lecture01.png');}
	#supProgram .inner ul li:nth-of-type(2){background-image: url('/m/images/sub/support_lecture02.png');}
	#supProgram .inner ul li:nth-of-type(3){background-image: url('/m/images/sub/support_lecture03.png');}
	#supProgram .inner ul li:nth-of-type(4){background-image: url('/m/images/sub/support_lecture04.png');}
	#supProgram .inner ul li:nth-of-type(5){background-image: url('/m/images/sub/support_lecture05.png');}
	#supProgram .inner ul li:nth-of-type(6){background-image: url('/m/images/sub/support_lecture06.png');}
	#supProgram .inner ul li:nth-of-type(7){background-image: url('/m/images/sub/support_lecture07.png');}
	#supProgram .inner ul li:nth-of-type(8){background-image: url('/m/images/sub/support_lecture08.png');}
	#supProgram .inner ul li:nth-of-type(9){background-image: url('/m/images/sub/support_lecture09.png');}
	#supProgram .inner ul li .text-box{position: absolute; left: 20px; top: 25px;}
	#supProgram .inner ul li .text-box span{font-size: 13px; font-family: 'Crimson Text',serif; color: #ad9467;}
	#supProgram .inner ul li .text-box h4{font-size: 18px; font-weight: 300; color: #fff;}
	#supProgram .inner ul li .text-box p{opacity: 0; margin-top: 5px; font-weight: 200; line-height: 1.4; color: #fff;}
	#supProgram .inner ul li a{width: 100%; height: 120px; position: absolute; top: 0; left: 0; display: block; opacity: 0.5;}
	#supProgram .inner ul li a span{padding-right: 20px; margin: 80px 20px 0 20px; display: inline-block; background: url('/m/images/sub/support_plus.png') 100% 50% no-repeat; color: rgba(255,255,255,0.8);}
	#supCounsel{background: #f8f8f8; border-top: 1px solid #dcdcdc;}
	#supCounsel .banner-area{}
	#supCounsel .banner-area img{display: block; width: 100%;}
	#ncsSystem #inquiryTable tr:nth-of-type(3) .tb-td{padding: 0;}
	#ncsSystem #inquiryTable tr:nth-of-type(3) .tb-td h5{height: 40px; text-indent: 10px; line-height: 40px; font-size: 15px; font-weight: 600; color: #666;}
	#ncsSystem #inquiryTable tr:nth-of-type(3) .tb-td h5:nth-of-type(1){background: #f5f5f5;}
	#ncsSystem #inquiryTable tr:nth-of-type(3) .tb-td ul:nth-of-type(1){background: #f5f5f5;}
	#ncsSystem #inquiryTable tr:nth-of-type(3) .tb-td ul li{width: 100% !important; line-height: 30px !important; text-indent: 10px;}
	#helpdesk > em{display: block; text-align: center;}

	/*?????????????????????????????? ??????????????????*/
	/*??????��?????????*/
	#subContent {
		margin:0 auto;
		width: 675px;
	}
	.inner-675 {
		width: 100%;
		padding-bottom: 60px;
	}
	.sub-inner #subContent .title-bar h3 {margin-top:90px;} 
	.con-body-login .login-box {
		width: 100%;
		border: 1px solid #ddd;
	}
	.con-body-login .login-box .user-login {
		padding: 20px 6% 24px;
		box-sizing: border-box;
	}
	form, fieldset {
		margin: 0;
		padding: 0;
		border: none;
	}
	.con-body-login .login-box .user-login .login-list > li .title-box {
		display: none;
		margin-bottom: 15px;
	}
	.con-body-login .login-box .user-login .login-list > li .title-box h4 {
		margin-bottom: 5px;
		font-size: 18px;
		font-weight: 300;
		color: #333;
	}
	.con-body-login .login-box .user-login {
		padding: 10%;
		box-sizing: border-box;
	}
	.con-body-join .join-box .join-table tbody tr td .w180 {
		width: 55%;
	}
	.con-body-login .login-box .user-login .login-list > li .title-box p {
		font-size: 14px;
		color: #666;
	}
	.con-body-login .login-box .user-login .login-list > li .title-box {
		margin-bottom: 30px;
	}
	input[type=password] {
    height: 40px !important;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .input-list {
		float: none;
	}
	.con-body-join .join-box .join-table tbody tr td .w360 {
		width: 300px;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .login-btn {
		display: block;
		float: right;
		width: 100%;
		height: 50px;
		margin-left: 10px; margin-top: 15px;
		text-align: center;
		font-size: 14px;
		background: #a18e6d;
		color: #fff; border-radius: 3px;
		line-height: 50px;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li{float:left;}
	.con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(1) {
		width: 48%;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(1) a {
		background-image: url(/images/sub/join_btn_icon_01.png);
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(2) {
		width: 52%;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li:nth-child(2) a {
		background-image: url(/images/sub/join_btn_icon_02.png);
	}
	.cf:after {
		content: "";
		display: block;
		clear: both;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list {
		float: left; width: 100%;
		margin-top: 15px;
	}
	.cf:after {
		content: "";
		display: block;
		clear: both;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .input-list li label {
		display: inline-block;
		width: 26%;
		font-size: 14px;
		color: #666;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .join-btn-list li a {
		display: block;
		padding: 6px 0 6px 38px;
		font-size: 13px;
		color: #666;
		background-position: 0 50%;
		background-repeat: no-repeat;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .input-list li input {
		width: 100%;
		height: 32px;
		padding: 0 10px;
		background: #fff;
		border: 1px solid #ddd;
		box-sizing: border-box;
	}
	.con-body-login .login-box .user-login .login-list > li .login-form .input-list li {
		width: 100%;
		margin-bottom: 0;
	}
	/*??????????????????????????????*/
	#subContent {
		float: inherit;
		width: 100%;
		padding: 0px;
	}
	#subContent .title-bar {
		width: 100%;
		position: relative;
		margin-bottom: 40px; height: 13px;
	}
	#subContent .title-bar h3 {
		font-size: 22px;
		color: #333;
		line-height: 1;
		left: 0;
	}
	.con-body-join .clause-box {
		width: 100%;
		padding: 15px 5% 10px;
		border: 1px solid #ddd;
		box-sizing: border-box;
	}
	.con-body-join .join-box{overflow: inherit;}
	.con-body-join .clause-box strong {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd;
		font-size: 15px;
		color: #444;
		font-weight: 300;
	}
	.con-body-join .join-box .join-table tbody tr td .w60 {
    width: 60px;
	}
	.con-body-join .join-box .join-table tbody tr td {
		padding: 15px 0;
	}
	.con-body-join .join-box .join-table tbody tr td a.join-address-btn {
		display: inline-block;
		width: 100px;
		height: 32px;
		margin-top: 0px;
		background: #bbb;
		text-align: center;
		color: #fff;
		line-height: 32px;
		position: relative;
		top: -1px;
		left: 6px;
	}
	.con-body-join .join-box .join-table tbody tr td label {
		font-size: 14px;
		padding: 0 5px;
		position: relative;
		top: 3px;
	}
	.con-body-join .join-box .join-table tbody tr td input.join-radio {
		height: auto;
		position: relative;
		top: 5px;
	}
	.con-body-join .join-box .btn-box li a {
    font-size: 14px;
    line-height: 50px;
    border-radius: 3px;
	}
	.con-body-join .join-box .join-table tbody tr td {
		padding: 15px 0;
		border-bottom: 1px solid #ddd;
	}
	.con-body-join .clause-box .clause-list {
		width: 100%;
	}
	#fmJoin .join-table colgroup col:first-of-type {
    width: 25%;
	}
	.con-body-join .clause-box .clause-list li {
		width: 100%;
	}
	.con-body-join .clause-box .clause-list li .agree-txt {
		margin-bottom: 10px;
	}
	.con-body-join .clause-box .clause-list li .agree-txt em {
		float: left;
		font-size: 14px;
	}
	.con-body-join .clause-box .clause-list li .agree-txt em span {
		color: #4b5e6c;
		font-weight: 300;
	}
	.con-body-join .clause-box .clause-list li .agree-txt .agree-box {
		float: right;
	}
	.con-body-join .clause-box .clause-list li .agree-txt .agree-box span {
		display: inline-block;
		padding-right: 20px;
		background: url(/images/sub/agree_box_arrow.png) no-repeat 90% 50%;
		font-size: 15px;
		cursor: pointer;
	}
	.con-body-join .clause-box .clause-list li .agree-txt .agree-box label {
		display: none;
	}
	.con-body-join .clause-box .clause-list li .clause-txt {
		width: 100%;
		display: none;
	}
	.con-body-join .clause-box .clause-list li .clause-txt textarea {
		width: 100%;
		height: 100px;
		box-sizing: border-box;
	}
	.con-body-join .join-box .join-table {
		width: 100%;
		margin-top: 30px;
		border-top: 1px solid #ddd;
	}
	.con-body-join .join-box .join-table tbody tr th {
		padding: 24px 0px;
		text-align: left;
		text-indent: 0;
		font-size: 14px;
		font-weight: 300;
		border-bottom: 1px solid #ddd;
		color: #666;
		vertical-align: top; letter-spacing: -0.5px;
	}
	.con-body-join .join-box .join-table tbody tr th > span {
		color: #ff5656;
		line-height: 1;
		position: relative;
		top: 3px;
	}
	.con-body-join .join-box .join-table tbody tr td input.join-address {
    width: 96%;
	}
	.con-body-join .join-box .join-table tbody tr td input.join-address2 {
    width: 52%;margin-top: 10px;
	}
	.con-body-join .join-box .join-table tbody tr td input.join-id {
		float: left; width: 52%;
	}
	.con-body-join .join-box .join-table tbody tr td input {
		height: 41px;
		background: #fff;
		border: 1px solid #ddd;
		box-sizing: border-box;
	}
	.con-body-join .join-box .join-table tbody tr td a.join-btn {
		display: inline-block;
		width: 100px;
		height: 40px !important;
		margin-top: 0px;
		background: #bbb;
		text-align: center;
		color: #fff;
		line-height: 40px !important;
		position: relative;
		top: 0px;
		left: 6px; border-radius: 3px;
	}
	.con-body-join .join-box .join-table tbody tr td select {
		height: 32px;
		padding: 0 5px;
		border: 1px solid #ddd;
		font-family: 'Noto Sans KR', sans-serif;
		color: #999;
		box-sizing: border-box;
	}
	option {
		font-weight: normal;
		display: block;
		white-space: nowrap;
		min-height: 1.2em;
		padding: 0px 2px 1px;
	}
	select {
    background: #fff !important;
	}
	.con-body-join .join-box .join-table tbody tr td .w80 {
		width: 80px; margin-top: 6px;
	}
	.con-body-join .join-box .join-table tbody tr td span {
		margin: 0 5px;
		font-size: 13px;
		color: #999;
	}
	.con-body-join .join-box .join-table tbody tr td .w70 {
    width: 27%;
	}

	.con-body-join .join-box .join-table tbody tr td p {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.7;
		color: #999;
	}
	.con-body-join .join-box .btn-box {
		float: right; width: 100%;
		padding: 0;
		margin-top: 15px;
	}
	.con-body-join .join-box .btn-box li:nth-child(1) {
		margin-right: 7px; float: left;
	}
	.con-body-join .join-box .btn-box li:nth-child(1) a {
		background: #a18e6d;
	}
	.con-body-join .join-box .btn-box li {
		float: right;
		width: 48%;
		height: 40px;
	}
	.con-body-join .join-box .btn-box li:nth-child(2) a {
		background: #aaa;
	}
	.con-body-join .join-box .btn-box li a {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 16px;
		line-height: 50px;
		color: #fff;
	}
	/* label {
		height: 40px !important;
		line-height: 40px !important;
	} */
	/*?????????????????????????????? ??????��*/
	.sub-inner #subContent .title-bar h3 {margin:90px 0 20px 10px;} 
	.con-body-login .login-box {
		width: 100%;
		border: 1px solid #ddd;
	}
	.inner-675 {
    width: 100%;
    padding-bottom: 60px;
	}
	.con-body-welcome .welcome-box {
		width: 100%;
		padding: 20px 6%;
		text-align: center;
		border: 1px solid #ddd;
		margin-bottom:100px;
		box-sizing: border-box;
	}
	.con-body-welcome .welcome-box h4 {
		font-size: 18px; font-weight:600;
	}
	.con-body-welcome .welcome-box p {
		margin-bottom: 18px;
		font-size: 14px;
	}
	.con-body-welcome .welcome-box .btn-box {
		width: 100%;
		margin: auto;
	}
	.con-body-welcome .welcome-box .btn-box li:first-of-type {
		float: left;
	}
	.con-body-welcome .welcome-box .btn-box li:nth-child(1) {
		margin-right: 10px;
	}
	.con-body-welcome .welcome-box .btn-box li {
		float: left;
		width: 48%; height: 40px;
		margin-left: 0;
	}
	.con-body-welcome .welcome-box .btn-box li:last-of-type {
		float: right;
	}
	.con-body-welcome .welcome-box .btn-box li:nth-child(1) a {
		background: #a18e6d;
	}
	.con-body-welcome .welcome-box .btn-box li a {
		display: block;
		width: 100%;
		height: auto;
		font-size: 14px;
		text-align: center;
		color: #fff;
		line-height: 40px;
		border-radius: 3px;
	}
	.con-body-welcome .welcome-box .btn-box li:nth-child(2) a {
		background: #bbb;
	}
	.con-body .inner-675:after {
		content: '';
		display: block;
		clear: both;
	}


	/*?????????????????????????????? ?????????*/