@charset "utf-8";

@font-face {
	font-family:'klavika_lightlight';
	font-weight:normal;
	font-style:normal;
	src:url(../font/klavikalight-osf-webfont.eot);
	src:url(../font/klavikalight-osf-webfont.eot?#iefix) format('embedded-opentype'),url(../font/klavikalight-osf-webfont.woff2) format('woff2'),url(../font/klavikalight-osf-webfont.woff) format('woff'),url(../font/klavikalight-osf-webfont.ttf) format('truetype');
}
@font-face {
	font-family:'klavika_bold_capsbold';
	font-weight:normal;
	font-style:normal;
	src:url(../font/klavikaboldcaps-sc-webfont.eot);
	src:url(../font/klavikaboldcaps-sc-webfont.eot?#iefix) format('embedded-opentype'),url(../font/klavikaboldcaps-sc-webfont.woff2) format('woff2'),url(../font/klavikaboldcaps-sc-webfont.woff) format('woff'),url(../font/klavikaboldcaps-sc-webfont.ttf) format('truetype');
}

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


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

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

@font-face {
	font-family:'AppleSDGothicNeo';
	font-weight:900;
	font-style:normal;
	src:url(../font/AppleSDGothicNeoEB.eot);
	src:url(../font/AppleSDGothicNeoEB.eot?#iefix) format('embedded-opentype'),url(../font/AppleSDGothicNeoEB.woff2) format('woff2'),url(../font/AppleSDGothicNeoEB.woff) format('woff'),url(../font/AppleSDGothicNeoEB.ttf) format('truetype');
}

@font-face {
	font-family:'AppleSDGothicNeo';
	font-weight:950;
	font-style:normal;
	src:url(../font/AppleSDGothicNeoH.eot);
	src:url(../font/AppleSDGothicNeoH.eot?#iefix) format('embedded-opentype'),url(../font/AppleSDGothicNeoH.woff2) format('woff2'),url(../font/AppleSDGothicNeoH.woff) format('woff'),url(../font/AppleSDGothicNeoH.ttf) format('truetype');
}

@font-face {
	font-family:'pretendard';
	font-weight:900;
	font-style:normal;
	src:url(../font/Pretendard-ExtraBold.eot);
	src:url(../font/Pretendard-ExtraBold.eot?#iefix) format('embedded-opentype'),url(../font/Pretendard-ExtraBold.woff2) format('woff2'),url(../font/Pretendard-ExtraBold.woff) format('woff'),url(../font/Pretendard-ExtraBold.ttf) format('truetype');
}

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

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

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

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

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

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

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

html{overflow-y:scroll;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,button,select,textarea{margin:0;padding:0;}
body{font-size:15px;color:#575656;line-height:1.2;letter-spacing:-0.02em;font-family:'Malgun Gothic',Verdana,Arial,Dotum,sans-serif;-webkit-text-size-adjust:none;background:#272624;}
a{text-decoration:none;border:none;}
fieldset,img,iframe{border:none;}
li{list-style:none;}
address{font-style:normal;}
form,fieldset{display:inline;}
label{cursor:pointer;}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0;}
select,input,textarea{color:#575656;font-family:'Malgun Gothic',Verdana,Arial,Dotum,sans-serif;}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
.blind{visibility:hidden;width:0;height:0;padding:0;overflow:hidden;line-height:0;}

/* input */
.inputText{}
/*  IE6 */
* html .jqTransformInputInner div input{padding:2px 0 0 0;margin:0 0 0 -8px;height:16px;}
/* Ie7 */
*+ html .jqTransformInputInner div input{padding:2px 0 0 0;margin-left:-10px;height:16px;}

/*hover*/
.jqTransformInputWrapper_hover{background-position:left top;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{background-position:right top;}

/*focus*/
.jqTransformInputWrapper_focus{background-position:left -20px;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{background-position:right -20px;}
.jqTransformSafari .jqTransformInputInner div{position:relative;overflow:hidden;margin:0px 8px;}
.jqTransformSafari .jqTransformInputInner div input{background-color:none;position:absolute;top:-10px;left:-2px;height:31px;padding-left:4px;}

/* radios */
.jqTransformRadioWrapper{display:block;float:left;line-height:0;font-size:0;}
.jqTransformRadio{float:left;width:15px;height:15px;margin:0;font-size:0;line-height:0;}

/* Checkboxes */
.jqTransformCheckboxWrapper{display:block;float:left;line-height:0;font-size:0;}
.jqTransformCheckbox{float:left;width:15px;height:15px;margin:0;font-size:0;line-height:0;}

/* Selects */
.jqTransformSelectWrapper{position:relative;width:100%;height:37px;border:1px solid #cacaca;background:white;}
.jqTransformSelectWrapper:after{content:"";display:block;clear:both;}
.jqTransformSelectWrapper div{position:relative;overflow:hidden;padding:0 52px 0 0;}
.jqTransformSelectWrapper div span{display:block;height:37px;padding:0 0 0 11px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:37px;cursor:pointer;}
.jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;top:0;right:0px;width:52px;height:37px;}
.jqTransformSelectWrapper ul{position:absolute;left:-1px;z-index:100;padding:0;overflow:hidden;overflow-y:auto;border:1px solid black;border-top:none;background:white;}
.jqTransformSelectWrapper ul:after{content:"";display:block;clear:both;}
.jqTransformSelectWrapper ul li{height:37px;}
.jqTransformSelectWrapper ul a{display:block;height:37px;padding:0 11px;text-align:left;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:black;line-height:37px;background:white;}
.jqTransformSelectWrapper ul a:hover{}
.jqTransformSelectWrapper ul a.selected{}

/* Hidden - used to hide the original form elements */
.jqTransformHidden{display:none;}
.inputDesign{}
.inputDesign:after{content:"";display:block;clear:both;}

.inputText{outline:none;}
.inputText.focus{color:black !important;border:1px solid black !important;}

.playButton1{position:absolute;top:0;left:50%;width:45px;height:42px;margin:0 0 0 -22px;overflow:hidden;text-indent:-9999px;background:url(../images/common/play1.png) 0 0 no-repeat;background-size:45px 89px;}
a.active .playButton1{background-position:0 -47px;}

.radio2 .jqTransformRadio{width:17px;height:17px;background:url(../images/common/radio3.png) 0 0 no-repeat;background-size:17px 39px;}
.radio2 .jqTransformChecked{background-position:0 -22px;}

.checkbox1 .jqTransformCheckbox{width:14px;height:14px;background:url(../images/common/checkbox1.png) 0 0 no-repeat;background-size:14px 33px;}
.checkbox1 .jqTransformChecked{background-position:0 -19px;}

.checkbox2 .jqTransformCheckbox{width:100%;height:25px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;background:#b9b9b9;}
.checkbox2 .jqTransformChecked{background:black;}

.search1{position:absolute;top:10px;right:0;width:100%;height:44px;overflow:hidden;}
.search1 .dummy{position:absolute;top:0;right:0;z-index:1;width:34px;height:34px;}
.search1 .dummy span{position:absolute;top:0;left:0;width:34px;height:34px;opacity:1;border-radius:100px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background:black;}
.search1 .dummy img{position:absolute;top:0;left:0;width:34px;height:34px;opacity:0;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
.search1 .controlButton{position:absolute;top:0;right:0;z-index:3;width:34px;height:34px;overflow:hidden;text-indent:-9999px;line-height:100px;background:url(../images/common/dummy.gif) 0 0 repeat;}
.search1 .insert{position:relative;z-index:2;min-width:1px;height:36px;padding-right:61px;overflow:hidden;-moz-transform:translate3d(30px,0,0);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0);}
.search1 .insert ul{position:absolute;top:-9999px;left:0;float:left;height:14px;border-right:1px solid #bebebe;}
.search1 .insert ul li{float:left;height:14px;padding:0 5px 0 0;}
.search1 .insert ul li label{float:left;height:14px;margin:0 0 0 1px;font-size:11px;color:#8d8d8d;letter-spacing:-0.08em;}
.search1 .insert .keyword{position:relative;float:left;width:0;height:0;margin:-9999px 0 0;white-space:nowrap;font-size:13px;color:#595959;line-height:36px;letter-spacing:-0.08em;}
.search1 .insert .keyword.active{display:none;}
.search1 .insert .inputText1{float:left;width:100%;height:36px;margin:-9999px 0 0;font-size:13px;color:#595959;line-height:36px;letter-spacing:-0.08em;border:none;background:none;}
.search1 .insert .inputButton{position:absolute;top:0;right:33px;z-index:2;width:28px;height:36px;}
.search1 .insert .dummy{top:0;right:33px;width:28px;height:36px;}
.search1 .insert .dummy img{width:28px;height:36px;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.search1 .insert .dummy .img1{opacity:1;}
.search1 .insert .dummy .img2{opacity:0;}
.search1.active{border-bottom:1px solid black;background:white;}
.search1.active .dummy span{opacity:0;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
.search1.active .dummy img{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.search1.active .insert{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.search1.active .insert ul{top:11px;}
.search1.active .insert .keyword{margin:0;}
.search1.active .insert .inputText1{margin:0;}
.search1.active .insert .dummy img{-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.search1.active .insert .dummy .img1{opacity:0;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
.search1.active .insert .dummy .img2{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}

.result1{position:relative;width:100%;height:63px;margin:0 0 -1px;text-align:center;font-size:15px;color:#787878;line-height:63px;letter-spacing:-0.08em;border-top:1px solid black;border-bottom:1px solid black;}
.result1 strong{color:black;font-weight:bold;}

.gotop{position: fixed;bottom: 5px;right: 5px;z-index: 88;display: none;}
.gotop img{width: 51px;}
.boardList1{clear:both;width:100%;}
.boardList1:after{content:"";display:block;clear:both;}
/*.boardList1 .list{width:100%;border-top:1px solid #dbdbdb;}*/
.boardList1 .list{width:100%;border-top:1px solid #000;}
.boardList1 .list:after{content:"";display:block;clear:both;}
.boardList1 .list li{float:left;width:100%;border-bottom:1px solid #dbdbdb;}
.boardList1 .list li a{display:block;position:relative;min-width:1px;padding:16px 16px 12px 35px;overflow:hidden;word-wrap:break-word;color:#787878;letter-spacing:-0.08em;}
.boardList1 .list li a:after{content:"";display:block;clear:both;}
.boardList1 .list li a .number{position:absolute;top:50%;left:0;height:18px;margin:-10px 0 0;font-size:15px;line-height:18px;font-family:Verdana;}
.boardList1 .list li a .title{display:block;max-height:42px;margin:0 0 4px;overflow:hidden;font-size:15px;line-height:21px;}
.boardList1 .list li a .title span{font-weight:bold;}
.boardList1 .list li a .date{vertical-align:top;padding:0 11px 0 0;font-size:12px;line-height:14px;font-family:Verdana;background:url(../images/common/board_list_line_off.gif) right 5px no-repeat;}
.boardList1 .list li a .name{vertical-align:top;margin:0 0 0 5px;font-size:12px;line-height:14px;font-family:Verdana;}
.boardList1 .list li a .ing{vertical-align:top;margin:0 0 0 5px;font-size:12px;line-height:14px;}
.boardList1 .list li a .complete{vertical-align:top;margin:0 0 0 5px;font-size:12px;color:black;line-height:14px;}
.boardList1 .list li.img a{padding:20px 0;}
.boardList1 .list li.img a .date{display:block;background:none !important;}
.boardList1 .list li.img a .name{display:block;margin:0 0 -3px;}
.boardList1 .list li.img a .thum{float:left;width:129px;height:82px;margin:0 13px 0 0;}
.boardList1 .paging1{padding:22px 0 0;}
.boardList1 .final1{padding:25px 0 0;border-top:1px solid #dbdbdb;}

.boardView1{clear:both;width:100%;padding:0 0 30px;}
.boardView1:after{content:"";display:block;clear:both;}
.boardView1 .head{float:left;width:100%;margin:-4px 0 20px;padding:0 0 9px;word-wrap:break-word;color:#787878;letter-spacing:-0.08em;border-bottom:1px solid #2c2b29;}
.boardView1 .head .title{display:block;margin:0 0 5px;overflow:hidden;font-size:15px;color:black;line-height:20px;font-weight:bold;}
.boardView1 .head .date{vertical-align:top;padding:0 11px 0 0;font-size:12px;line-height:14px;font-family:Verdana;background:url(../images/common/board_list_line_off.gif) right 5px no-repeat;}
.boardView1 .head .name{vertical-align:top;margin:0 0 0 5px;font-size:12px;line-height:14px;font-family:Verdana;}
.boardView1 .reply{position:relative;min-width:1px;margin:0 0 20px;padding:0 0 14px 41px;letter-spacing:-0.08em;border-bottom:1px solid #2c2b29;}
.boardView1 .reply .title{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:black;line-height:34px;font-weight:bold;}
.boardView1 .reply .note{position:absolute;top:0;left:0;width:34px;height:34px;text-align:center;font-size:10px;color:black;line-height:34px;font-weight:bold;border-radius:100px;background:#fbb900;}
.boardView1 .body{clear:both;width:100%;word-wrap:break-word;font-size:14px;color:#4c4b4b;line-height:23px;letter-spacing:-0.08em;border-bottom: 1px solid #2c2b29;padding: 0 0 55px 0;}
.boardView1 .body img{display:block;width:100%;}
.final1.view{padding:25px 0 0;border-top:1px solid #dbdbdb;}

.boardWrite1{clear:both;width:100%;padding:0 0 20px;}
.boardWrite1:after{content:"";display:block;clear:both;}
.boardWrite1 table{float:left;width:100%;margin:-5px 0 0;}
.boardWrite1 table th{padding:5px 0;vertical-align:top;text-align:left;font-size:14px;color:#8e8e8e;line-height:30px;letter-spacing:-0.08em;}
.boardWrite1 table td{padding:5px 2px 5px 0;vertical-align:top;text-align:left;font-size:14px;color:black;line-height:30px;letter-spacing:-0.08em;}
.boardWrite1 table td .inputText{float:left;width:100%;height:28px;text-indent:15px;font-size:14px;color:#8e8e8e;line-height:28px;letter-spacing:-0.08em;border:1px solid #cacaca;background:none;}
.boardWrite1 table td textarea.inputText{width:100%;height:289px;padding:10px 15px;text-indent:0;line-height:23px;resize:none;}
.boardWrite1 table .active th{color:black;}

.comment1{clear:both;width:100%;padding:10px 0 0;border-top:1px solid black;}
.comment1 .write{position:relative;min-width:1px;height:81px;padding:0 105px 0 0;}
.comment1 .write textarea{width:100%;height:59px;padding:10px;font-size:12px;color:#868686;line-height:17px;letter-spacing:-0.08em;border:1px solid #c0c0c0;background:none;resize:none;}
.comment1 .write a{position:absolute;top:4px;right:0;width:73px;height:73px;overflow:hidden;text-align:center;font-size:15px;color:white;line-height:73px;letter-spacing:-0.08em;font-family:'klavika_bold_capsbold';border-radius:100px;background:black;}
.comment1 .write a.active{color:black;background:#fbb900;}
.comment1 .list{}
.comment1 .list li{padding:11px 0 13px;border-bottom:1px solid #e2e2e2;}
.comment1 .list li p{padding:0 0 4px;font-size:12px;color:#868686;line-height:17px;letter-spacing:-0.08em;}
.comment1 .list li .date{vertical-align:top;padding:0 11px 0 0;font-size:12px;color:#787878;line-height:14px;font-family:Verdana;background:url(../images/common/board_list_line_off.gif) right 5px no-repeat;}
.comment1 .list li .name{vertical-align:top;margin:0 0 0 5px;font-size:12px;color:#787878;line-height:14px;font-family:Verdana;}

.writeButton1{float:left;width:100%;height:40px;margin:22px 0 0;padding:24px 0 0;text-align:center;border-top:1px solid #dbdbdb;}
.writeButton1 a{display:inline-block;height:40px;padding:0 0 0 48px;vertical-align:top;font-size:18px;color:black;line-height:40px;letter-spacing:-0.05em;background:url(../images/common/write_button1.png) 0 0 no-repeat;background-size:40px 40px;}

.final1{height:63px;text-align:center;}
.final1 li{display:inline;vertical-align:top;}
.final1 li a{display:inline-block;width:63px;height:63px;margin:0 5px;overflow:hidden;text-align:center;font-size:15px;color:white;line-height:63px;letter-spacing:-0.08em;font-weight:bold;border-radius:100px;}
.final1 li a.gray{background:#848484;}
.final1 li a.gray.active{background:black;}
.final1 li a.black{background:black;}
.final1 li a.black.active{color:black;background:#fbb900;}
.final1 li a.yellow{background:#fbb900;}
.final1 li a.yellow.active{color:white;background:#fbb900;}

.more1{position:relative;clear:both;width:100%;margin:20px auto;text-align:center;}
.more1 a{width:120px;height:28px;line-height:28px;margin: 20 auto;background: #8a8a8a;color:#FFF;display:inline-block;font-size: 13px;padding:0 0 0 5px;letter-spacing:0.02em;}

.more1 a:before {position: absolute;font-size: 20px;margin: -1px 0 0 -16px;font-weight: lighter;}
.more1 a.add:before {content: "+";}

.paging1{position:relative;clear:both;min-width:284px;height:42px;text-align:center;}
.paging1 li{display:inline;vertical-align:top;}
.paging1 li a{display:inline-block;width:31px;height:31px;margin:0 -2px;padding:5px 0 6px;vertical-align:top;text-align:center;font-size:15px;color:#a8a8a8;line-height:31px;font-family:Verdana;}
.paging1 li strong{display:inline-block;width:31px;height:31px;margin:0 -2px;padding:5px 0 6px;vertical-align:top;text-align:center;font-size:15px;color:white;line-height:31px;font-weight:bold;font-family:Verdana;background:url(../images/common/paging1_active.png) center 5px no-repeat;background-size:31px 31px;}
.paging1 li.control a{position:relative;width:42px;height:0;padding:42px 0 0;overflow:hidden;line-height:100px;}
.paging1 li.control.prev a{margin:0 17px 0 0;background:url(../images/common/paging1_prev.png) 0 0 no-repeat;background-size:42px 89px;}
.paging1 li.control.next a{margin:0 0 0 17px;background:url(../images/common/paging1_next.png) 0 0 no-repeat;background-size:42px 89px;}
.paging1 li.control .active{background-position:center bottom !important;background-size:42px 89px !important;}

/*#wrap{position:absolute;top:0;left:0;width:100%;min-height:100%;overflow:hidden;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;}*/
#wrap{top:0;left:0;width:100%;min-height:100%;overflow:hidden;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;}
#wrap:after{content:"";display:block;clear:both;}

/*#wrap>h1{position:absolute;top:0;left:0;z-index:11;width:100%;height:50px;overflow:hidden;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;background:#fff;}
#wrap>h1 a{position:absolute;top:15px;left:20px;width:78px;height:20px;}
#wrap>h1 img{display:block;width:78px;height:20px;}
#wrap>.menuButton{position:absolute;top:0;right:0;z-index:13;width:50px;height:50px;overflow:hidden;text-indent:-9999px;}
#wrap>.menuButton img{position:absolute;top:0;left:0;width:50px;height:50px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;}
#wrap>.menuButton .img1{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
#wrap>.menuButton .img2{opacity:0;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
#wrap>.menuButton02{position:absolute;top:0;right:50px;z-index:13;width:50px;height:50px;overflow:hidden;text-indent:-9999px;}
#wrap>.menuButton02 img{position:absolute;top:0;left:0;width:50px;height:50px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;}*/


#menu {position:absolute;top:0;left:100%;z-index:12;width:255px;min-height:100%;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;background:#272624;}
#menu .utility{position:absolute;top:0;left:0;z-index:3;width:231px;height:43px;padding:20px 0 0 24px;}
#menu .utility li,
#menu .utility li a{font-size:20px;color:white;line-height:24px;font-family:'klavika_bold_capsbold';}
#menu .utility li{float:left;padding:0 16px 0 0;background:url(../images/common/utility_line.gif) right 7px no-repeat;}
#menu .utility li.last{padding:0 0 0 17px;background:none;}
#menu .gnb{position:absolute;top:0;left:0;z-index:2;width:255px;min-height:100%;}
#menu .gnb:after{content:"";display:block;clear:both;}
#menu .gnb>h1{position:absolute;top:0;left:0;z-index:2;width:9px;height:100%;overflow:hidden;text-indent:-9999px;background:url(../images/common/gnb_bg.png) 0 0 repeat-y;background-size:9px 1px;}
#menu .gnb>ul{position:relative;z-index:1;float:left;width:100%;margin:63px 0 0;border-top:1px solid #454545;}
#menu .gnb>ul:after{content:"";display:block;clear:both;}
#menu .gnb>ul>li{float:left;width:100%;}
#menu .gnb>ul>li>a{display:block;position:relative;width:100%;height:58px;text-indent:24px;font-size:20px;color:white;line-height:58px;letter-spacing:-0.08em;font-weight:bold;border-bottom:1px solid #454545;background:url(../images/common/gnb_dot1.gif) 215px center no-repeat;background-size:20px 20px;}
#menu .gnb>ul>li>a>span{position:absolute;top:-1px;left:0;width:0;height:58px;padding:1px 0;overflow:hidden;white-space:nowrap;font-size:20px;color:white;line-height:58px;letter-spacing:-0.08em;font-weight:bold;-moz-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;background:#fbb900 url(../images/common/gnb_dot2.gif) 215px center no-repeat;background-size:20px 20px;}
#menu .gnb>ul>li>ul>li>a{display:block;position:relative;width:100%;height:58px;text-indent:24px;font-size:18px;color:white;line-height:58px;letter-spacing:-0.08em;border-bottom:1px solid #454545;background:#0e0e0e;}
#menu .gnb>ul>li>ul>li>a.active{color:#fbb900;}
#menu .gnb>ul>li.active>a>span{width:100%;}

#wrap.active>h1{-moz-transform:translate3d(-255px,0,0);-webkit-transform:translate3d(-255px,0,0);transform:translate3d(-255px,0,0);}
#wrap.active>.menuButton .img1{opacity:0;-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
#wrap.active>.menuButton .img2{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
#wrap.active #menu{-moz-transform:translate3d(-255px,0,0);-webkit-transform:translate3d(-255px,0,0);transform:translate3d(-255px,0,0);}
#wrap.active #contents{-moz-transform:translate3d(-255px,0,0);-webkit-transform:translate3d(-255px,0,0);transform:translate3d(-255px,0,0);}
#wrap.active #footer{-moz-transform:translate3d(-255px,0,0);-webkit-transform:translate3d(-255px,0,0);transform:translate3d(-255px,0,0);}


/* 2018/08/10 Top/main/Sitemenu/Footer   START */
#topArea_ty01 { position:fixed; top:0; left:0; z-index:14; width:100%; height:55px; font-size:0;}
#topArea_ty01 h1{ position:absolute; top:11px; left:20px; z-index:11; }
#topArea_ty01 h1 img { width:114px;}
#topArea_ty01 .Btn_set {position:absolute; top:20px; right:60px; z-index:13; width:56px;}
#topArea_ty01 .Btn_set img {width:56px; height:15px;}
#topArea_ty01 .Btn_sitemenu { position:absolute; top:19px; right:20px; z-index:12;}
#topArea_ty01 .Btn_sitemenu img { width:22px; height:17px;}

#topArea_ty02 { position:fixed; top:0; left:0; z-index:14; width:100%; height:55px; font-size:0; background:#000;}
#topArea_ty02 h1{ position:absolute; top:11px; left:20px; z-index:11; }
#topArea_ty02 h1 img { width:114px;}
#topArea_ty02 .Btn_set {position:absolute; top:20px; right:60px; z-index:13; width:56px;}
#topArea_ty02 .Btn_set img {width:56px; height:15px;}
#topArea_ty02 .Btn_sitemenu { position:absolute; top:19px; right:20px; z-index:12;}
#topArea_ty02 .Btn_sitemenu img { width:22px; height:17px;}

#siteMenu { position:absolute; z-index:100; top:87px; right:0; width:100%; min-height:600px; background:#fff; font-size:0; display:none;font-family:'pretendard';padding-top:52px;}
#siteMenu>h1{ position:relative; text-align:center; background:#f6ab00; border-bottom:solid 1px #ed9711; padding:10px 0;}
#siteMenu>h1 img { width:114px;}
#siteMenu .memArea { position:relative; width:100%; margin:0 auto; background:#f6ab00;}
#siteMenu .memArea span { background:#f6ab00;}
#siteMenu .memArea span a { width:50%; padding:10px 0; background:url(../images/new180810/sitemenu_memline01.png) no-repeat right; font-size:12px; color:#fff; text-align:center; display:inline-block;}
#siteMenu .memArea span:last-child a{ background:none;}
#siteMenu .menuArea { position:relative;}
#siteMenu .menuArea a {border-bottom:2px solid #e5e5e5; width:calc(100% - 40px); padding:3.3334vw 0; font-size:7.77778vw; color:#1a1a1a; text-decoration:none; display:inline-block;letter-spacing:-0.074em;line-height:1;font-weight:500;margin-left:20px;}
#siteMenu .menuArea li.type01 > a{ background:url(../images/renew/sitemap_down_icon.png) no-repeat center right 10px;background-size:3.89vw auto;}
#siteMenu .menuArea li.type02 > a{ background:url(../images/renew/sitemap_up_icon.png) no-repeat center right 10px;background-size:3.89vw auto;}

#siteMenu .menuArea .show {border:0;}
#siteMenu .menuArea li .cate2 {padding:8px 0;background:#f8f8f8;}
#siteMenu .menuArea li .cate2 li{background:url(../images/renew/sitemap_right_icon.png) no-repeat center right 30px;background-size:4.445vw auto;}
#siteMenu .menuArea li .cate2 li a {display:block;margin:2.7778vw 20px;padding:11px 0;font-size:4.44445vw;line-height:1;border-bottom:0;}
#siteMenu .menuArea li .cate2 li:nth-child(1){margin-top:1.3889vw;}
#siteMenu .menuArea li .cate2 li:last-child(1){margin-bottom:1.3889vw;}
#siteMenu .menuArea li .cate2 span { border-bottom:solid 1px #1a1a1a;}


#footer180810 { position:relative;font-family:'pretendard';}
#footer180810 .footerTop{background:#262626;padding:8.3333vw 5.5555vw 7.77777vw;}
#footer180810 .footerTop .title{position:relative;}
#footer180810 .footerTop .title:after{width:0.14vw;height:10.278vw;background:#3c3c3c;content:'';right:0;top:0;position:absolute;}
#footer180810 .csCenter { color:#fff; }
#footer180810 .footerTop ul{display:flex;}
#footer180810 .csCenter > ul li:nth-child(2) p:nth-child(n+2){margin-top:2.08323vw;display:flex;align-items:center;}
#footer180810 .csCenter .title {width:17.187%;font-size:3.33334vw;margin-top:4px;padding-left:4.1666vw;font-weight:700;letter-spacing:-0.075em;}
#footer180810 .csCenter .info { padding-left:4.1666vw;}
#footer180810 .csCenter .info .item01 {font-size:3.33334vw;margin-right:3.6111vw;}
#footer180810 .csCenter .info .number01 { font-size:3.88889vw;font-weight:700;}
#footer180810 .csCenter .info .number02 { font-size:3.33334vw;}
#footer180810 .csCenter .info img { margin-left:7px; width:54px; vertical-align:middle;}
#footer180810 .sns {color:#fff; font-size:13px;margin-top:5vw;}
#footer180810 .sns .title { width:17.187%;font-size:3.33334vw;padding-left:4.1666vw;font-weight:bold; vertical-align:top; display:table-cell;}
#footer180810 .sns .info {padding-left:4.1666vw; }
#footer180810 .sns .info span { margin-right:35px;}
#footer180810 .sns .info img { height:56px;}
#footer180810 .sitemenu {border-bottom:2px solid #313131;text-align:center;margin-bottom:8.75vw;}
#footer180810 .sitemenu a {font-size:3.33334vw;padding:4.99999vw 0 4.7222vw;letter-spacing:-0.075em;color:#fff;font-weight:700;display:inline-block;position:relative;}
#footer180810 .sitemenu span:nth-child(n+2) a{margin-left:9.845%;}
#footer180810 .sitemenu span:nth-child(1) a:after{display:none;}
#footer180810 .sitemenu a:after{width:0.2778vw;height:49.6%;background:#fff;left:-43.55%;top:50%;transform:translateY(-50%);content:'';position:absolute;}
#footer180810 .addArea {text-align:center;font-size:2.77778vw;color:#999;letter-spacing:-0.075em;}
#footer180810 .addArea p img{width:22.812%;}
#footer180810 .addArea .privacy { margin-top:3.6111vw; color:#ededed;line-height:1.7;letter-spacing:-0.075em;}
#footer180810 .addArea .privacy a { color:#fff; font-weight:bold; }
#footer180810 .footerBottom{background:#1a1a1a;padding:0 5.5555vw 8.8889vw;}
#footer180810 .footerBottom .addText{line-height:1.7;letter-spacing:-0.075em;}
#footer180810 .number a {display: inline-block;text-align:center;padding:0.5555vw 2.3611vw 0.6944vw 2.0833vw;margin-left:10px;font-size:2.22222vw;color:#fff;letter-spacing: -0.075em;background: #595959;border-radius:1.111111vw;}
#footer180810 .yt a {background: url(../images/renew/footer_icon_yt.png) no-repeat top center / 92% auto;font-size: 1.94444vw;color: #999;width:67%;text-align: center;padding-top: 53px;vertical-align: top;display: inline-block;-moz-transition: 0.4s;-webkit-transition: 0.4s;transition: 0.4s;}
#footer180810 .companyBtn{font-size:1.66667vw;letter-spacing:-0.075em;color:#fff;background:#8a8a8a;padding:0.5556vw 0.9722vw 0.4166vw;}

#mainVisual_180810 { position:relative; width:100%; margin:0 auto; font-size:0;}
#mainVisual_180810 img { width:100%;}

#mainCon_180810 { position:relative; padding-bottom:80px; font-size:0; background:#fff;}
#mainCon_180810 img { width:100%;}
#mainCon_180810 .conArea01,
#mainCon_180810 .conArea02 {position:relative;}
#mainCon_180810 .conArea03 { position:relative; margin:80px 20px 0 20px;}
#mainCon_180810 .conArea03 .title img { width:103px;}
#mainCon_180810 .conArea03 .goBtn { position:absolute; top:-7px; right:0px;}
#mainCon_180810 .conArea03 .goBtn img { width:120px}
#mainCon_180810 .conArea03 .vodimg { margin-top:20px;}
#mainCon_180810 .conArea04 { position:relative; margin:40px 20px 0 20px;}
#mainCon_180810 .conArea04 .title img { width:134px;}
#mainCon_180810 .conArea04 .goBtn { position:absolute; top:-7px; right:0px;}
#mainCon_180810 .conArea04 .goBtn img { width:120px}
#mainCon_180810 .conArea04 .vodimg { margin-top:20px;}


#payment_180810 { position:relative; background:#fff; font-size:0;}
/*#payment_180810 img { width:100%;}*/

#payment_180810 .payment_01 { position:relative;}
#payment_180810 .payment_01 .info { width:100%; margin:0 auto; display:table; vertical-align:top; background:#0b1015;}
#payment_180810 .payment_01 .info .imgArea { display:table-cell;}
#payment_180810 .payment_01 .inFree { position:absolute; top:40px;left:-16.89%; z-index:100; background:url(../images/new180810/interest_free_back.png) no-repeat top left; width:357px; height:443px;text-align:left;}
#payment_180810 .payment_01 .inFree .title { margin:26px 0 0 20px; font-size:18px; color:#151515; font-weight:bold; letter-spacing:-0.08em;}
#payment_180810 .payment_01 .inFree .close { position:absolute; top:28px; right:20px; width:17px;}
#payment_180810 .payment_01 .inFree .close img{width:17px;}
#payment_180810 .payment_01 .inFree .txtArea { margin:10px 20px 0 20px; font-size:15px; color:#7e7e7e; line-height:1.7em;}
#payment_180810 .payment_01 .inFree .txtArea .type01 { background:#f4f4f4; padding:10px 15px; color:#151515; font-size:17px; line-height:1.8em;}
#payment_180810 .payment_01 .inFree .txtArea .type02 { margin-top:13px; line-height:1.3em; letter-spacing:-0.06em;}
#payment_180810 .payment_01 .inFree .txtArea .type02 p { background:url(../images/new180810/interest_free_bul.png) no-repeat left 7px; padding-left:10px; margin-top:5px;}
#payment_180810 .conArea02,
#payment_180810 .conArea03,
#payment_180810 .conArea04,
#payment_180810 .conArea05 {position:relative;}

#map_180810 { position:relative; background:#fff; font-size:0; padding-bottom:50px;}
#map_180810 img { width:100%;}
#map_180810>h2 { position:relative; padding:95px 0 42px 0; text-align:center; font-size:26px; color:#010101; font-weight:bold; letter-spacing:-0.08em; }

#map_180810 .conArea01 { position:relative; margin:0 10px; height:320px; text-align:center; font-size:12px;}
#map_180810 .conArea02 { position:relative; margin:10px 10px 0 10px;}
#map_180810 .conArea03 { position:relative; margin:30px 10px 0 10px; font-size:13px; color:#000; letter-spacing:-0.08em; line-height:1.5em;}
#map_180810 .conArea03 .txt01 { font-size:18px; font-weight:bold;}
#map_180810 .conArea03 .txt02area { margin-top:15px;}
#map_180810 .conArea03 .txt02 { position:relative; min-width:1px; margin-top:5px; padding-left:10px;}
#map_180810 .conArea03 .txt02 .bul { position:absolute; top:0; left:0;}
#map_180810 .conArea03 .point { text-decoration:underline; font-weight:bold;}
#map_180810 .conArea04 { position:relative; margin:25px 10px 0 10px; border-top:solid 1px #dcdcdc; font-size:13px; color:#333333; letter-spacing:-0.08em; line-height:1.5em;}
#map_180810 .conArea04 .info { display:table; width:100%; margin:0 auto; padding:15px 0; border-bottom:solid 1px #dcdcdc; }
#map_180810 .conArea04 .itemArea { color:#000; width:70px; padding-left:10px; font-weight:bold; vertical-align:middle; display:table-cell;}
#map_180810 .conArea04 .infoArea { background:url(../images/new180810/line_maptxt.png) repeat-y left; padding-left:15px; vertical-align:middle; display:table-cell;}
#map_180810 .conArea04 .infoArea .type01 { color:#000; font-weight:bold;}
#map_180810 .conArea04 .infoArea .type02 { margin-top:5px; color:#666; font-size:11px; line-height:1.5em;}
/* 2018/08/10 Top/Sitemenu/Footer/Payment/Map   END */


#contents{position:relative;z-index:10;width:100%;min-height:341px;padding:90px 0 0;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;background:white;}
#contents:after{content:"";display:block;clear:both;}
#contents .cont{position:relative;min-width:1px;margin:0 18px;}
#contents .cont:after{content:"";display:block;clear:both;}

/* 2016/03/04 in Login Form : save-LoginID check on/off */
#contents .save-loginid                  { position:relative; }
#contents .save-loginid         a        { padding-left:25px; text-align:right; white-space:nowrap; }
#contents .save-loginid         a:before { content:''; position:absolute; top:0; left:0; width:24px; height:23px; background:url(/images/common/img_selectbox.png) no-repeat; }
#contents .save-loginid.checked a:before { background-position:bottom left; }

/****************************************************************************************** MAIN ******************************************************************************************/
#contents.main .visual{position:relative;width:100%;height:377px; margin-top:-13px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);/*background:url(../images/main/visual_bg.jpg) center 0 no-repeat;background-size:689px 377px;*/}
#contents.main .visual .gaessamzieFlickStage{height:377px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#contents.main .visual .gaessamzieFlickStage .gaessamzieFlickItem{position:relative;height:377px;overflow:hidden;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);margin:0 auto;text-align: center;}
#contents.main .visual .gaessamzieFlickStage .gaessamzieFlickItem .visualImage{z-index:1;width:100%;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
@media screen and (min-width: 640px) and (max-width: 768px) { 
    #contents.main .visual{
        height:640px !important;
    }
    #contents.main .visual .gaessamzieFlickStage{
        height:640px !important;
    }
    #contents.main .visual .gaessamzieFlickStage .gaessamzieFlickItem{
	    height:640px !important;
    }
}
@media screen and (min-width: 768px){ 
    #contents.main .visual{
        height:800px !important;
    }
    #contents.main .visual .gaessamzieFlickStage{
        height:800px !important;
    }
    #contents.main .visual .gaessamzieFlickStage .gaessamzieFlickItem{
	    height:800px !important;
    }
}
#contents.main .visual .gaessamzieFlickStage .gaessamzieFlickItem .visualCont{position:absolute;top:154px;left:50%;z-index:2;margin:0 0 0 -145px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#contents.main .visual .gaessamzieFlickStage .gaessamzieFlickItem .visualCont .title{display:block;font-size:22px;color:#fbb900;line-height:28px;letter-spacing:-0.1em;font-weight:bold;}
#contents.main .visual .gaessamzieFlickIndicator{position:absolute;bottom:30px;left:0;width:100%;height:24px;text-align:center;}
#contents.main .visual .gaessamzieFlickIndicator li{display:inline;vertical-align:top;margin:0 11px;}
#contents.main .visual .gaessamzieFlickIndicator li a{display:inline-block;width:0;height:0;margin:1px;overflow:hidden;vertical-align:top;text-indent:-9999px;border:7px solid #fbb900;border-radius:100px;}
#contents.main .visual .gaessamzieFlickIndicator li.active a{width:14px;height:14px;margin:0;border:1px solid #fbb900;}

#contents.main .info{position:relative;width:100%;height:299px;background:black url(../images/main/info_bg.jpg) 0 0 repeat;background-size:800px 299px;}
#contents.main .info h1{padding:11px 0 18px 0;text-align:center;font-size:20px;color:white;letter-spacing:-0.08em;font-weight:bold;}
#contents.main .info p{padding:72px 0 0 0;text-align:center;font-size:14px;color:white;letter-spacing:-0.05em;font-weight:bold;}
#contents.main .info ul{width:202px;margin:0 auto;}
#contents.main .info ul:after{content:"";display:block;clear:both;}
#contents.main .info ul li{float:left;width:101px;}
#contents.main .info ul li a{display:block;width:101px;margin:0 auto;}
#contents.main .info ul li a img{display:block;width:64px;height:64px;margin:0 auto 8px;}
#contents.main .info ul li a .txt{display:block;text-align:center;font-size:11px;color:white;letter-spacing:-0.05em;font-weight:bold;}
#contents.main .info ul li a.active .txt{color:#fbb900;}

#contents.main .interview{position:relative;width:100%;height:419px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#FFF url(../images/main/interview_bg.png) 0 0 no-repeat;background-size:100% 100%;}
#contents.main .interview h1{padding:61px 0 0;text-align:center;font-size:20px;color:black;letter-spacing:-0.05em;font-family:'klavika_bold_capsbold';text-transform:uppercase;}
#contents.main .interview p{padding:0 0 13px;text-align:center;font-size:13px;color:black;letter-spacing:-0.05em;line-height: 150%;}
#contents.main .interview .slide{width:298px;height:200px;margin:0 auto;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#contents.main .interview .slide .gaessamzieFlickStage{height:384px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem{height:384px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a{position:relative;float:left;width:149px;margin:0 0 34px;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);font-size:11px;color:#757575;line-height:15px;letter-spacing:-0.08em;}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a .playButton1{top:30px;}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a .thum{display:block;width:135px;height:102px;margin:0 auto 6px;}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a .level{display:block;text-align:center;}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a .name{display:block;text-align:center;font-weight:bold;color:black;}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a .name strong{color:black;font-weight:bold;}
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a.active,
#contents.main .interview .slide .gaessamzieFlickStage .gaessamzieFlickItem a.active .name strong{color:#fbb900;}
#contents.main .interview .slide .gaessamzieFlickIndicator{position:absolute;bottom:26px;left:0;width:100%;height:24px;text-align:center;}
#contents.main .interview .slide .gaessamzieFlickIndicator li{display:inline;vertical-align:top;margin:0 7px;}
#contents.main .interview .slide .gaessamzieFlickIndicator li a{display:inline-block;width:0;height:0;margin:5px;overflow:hidden;vertical-align:top;text-indent:-9999px;border:7px solid #fbb900;border-radius:100px;}
#contents.main .interview .slide .gaessamzieFlickIndicator li.active a{width:14px;height:14px;border:1px solid #fbb900;}

#contents.main .any{position:relative;width:100%;height:472px;background:#FFF;}
#contents.main .any h1{padding:61px 0 0;text-align:center;font-size:20px;color:black;letter-spacing:-0.05em;font-family:'klavika_bold_capsbold';text-transform:uppercase;}
#contents.main .any p{padding:0 0 34px;text-align:center;font-size:12px;color:black;letter-spacing:-0.05em;line-height: 150%;}
#contents.main .any a{display:block;position:relative;width:100%;}
#contents.main .any a .playButton1{top:50%;margin-top:-21px;}
#contents.main .any a .thum{display:block;width:284px;margin:0 auto 0;}
#contents.main .any h2{padding:10px 0 0;text-align:center;font-size:15px;color:#070707;letter-spacing:-0.05em;font-family:'klavika_bold_capsbold';text-transform:uppercase;}
#contents.main .any div.txt{padding:10px 0 0;text-align:center;font-size:12px;color:#757575;letter-spacing:-0.05em;line-height: 150%;}

#contents.main .demo{position:relative;width:100%;height:303px;background:#edefee;}
#contents.main .demo h1{padding:5px 0 25px;text-align:center;font-size:20px;color:#000;letter-spacing:-0.08em;font-weight:bold;}
#contents.main .demo p{padding:70px 0 0;text-align:center;font-size:13px;color:#504f4e;letter-spacing:-0.05em;font-weight:bold;}
#contents.main .demo ul{width:291px;margin:0 auto;}
#contents.main .demo ul:after{content:"";display:block;clear:both;}
#contents.main .demo ul li{float:left;width:91px;margin:0 3px;background-color: #FFF;}
#contents.main .demo ul li a{display:block;position:relative;width:91px;font-size:11px;color:white;line-height:15px;letter-spacing:-0.08em;font-weight:bold;}
#contents.main .demo ul li a .playButton1{top:13px;}
#contents.main .demo ul li a .thum{display:block;width:91px;height:69px;margin:0 auto 0;}
#contents.main .demo ul li a .txt{display:block;text-align:center;color: #4e4e4e;padding: 4px 0;}
#contents.main .demo ul li a.active{color:#fbb900;}

/****************************************************************************************** MEETING,VODAFTER,YOUSAID,HESAID,NEWS ******************************************************************************************/
#contents.boardpage .cont{padding:0 0 60px;}
#contents.boardpage .cont h1{height:37px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}

/****************************************************************************************** LOGIN ******************************************************************************************/
#contents.login .cont{padding:0 0 107px;}
#contents.login .cont h1{height:31px;padding:0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.login .cont .info{margin:0 0 51px;font-size:12px;color:#787878;line-height:21px;letter-spacing:-0.08em;}
#contents.login .cont .insert{position:relative;min-width:1px;margin:0 22px 0 29px;padding:0 77px 0 0;}
#contents.login .cont .insert p label{position:absolute;top:0;left:0;font-size:15px;color:black;line-height:30px;font-family:'klavika_bold_capsbold';}
#contents.login .cont .insert p{position:relative;width:100%;height:35px;}
#contents.login .cont .insert p .inputText1{width:100%;height:30px;font-size:15px;color:black;line-height:30px;border:none;border-bottom:1px solid #b9b9b9;background:none;}
#contents.login .cont .insert .loginButton{position:absolute;top:6px;right:0;width:63px;height:63px;text-align:center;font-size:15px;color:white;line-height:63px;font-family:'klavika_bold_capsbold';border:none;border-radius:100px;background:black;}
#contents.login .cont .insert .loginButton.active{color:black;background:#fbb900;}
#contents.login .cont .insert ul{margin:0 -28px 0 0;padding:10px 0 0;text-align:center;}
#contents.login .cont .insert ul li{display:inline;margin:0 12px 0 0;padding:0 19px 0 0;vertical-align:top;background:url(../images/mypage/login_line.gif) right 8px no-repeat;}
#contents.login .cont .insert ul li.last{margin:0;padding:0;background:none;}
#contents.login .cont .insert ul li a{vertical-align:top;font-size:14px;color:#848484;line-height:24px;letter-spacing:-0.08em;font-weight:bold;}

/****************************************************************************************** JOIN ******************************************************************************************/
#contents.join .cont{padding:0 0 60px;}
#contents.join .cont h1{height:35px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.join .cont .insert{width:100%;padding:0 0 25px;}
#contents.join .cont .insert h2{height:31px;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.join .cont .insert table{width:100%;border-top:1px solid #e2e2e2;}
#contents.join .cont .insert table th{padding:15px 0;vertical-align:top;text-align:left;font-size:12px;color:#8e8e8e;line-height:30px;letter-spacing:-0.05em;font-weight:normal;border-bottom:1px solid #e2e2e2;}
#contents.join .cont .insert table td{padding:15px 2px 15px 0;vertical-align:top;text-align:left;font-size:12px;color:#8e8e8e;line-height:30px;letter-spacing:-0.05em;border-bottom:1px solid #e2e2e2;}
#contents.join .cont .insert table .pwt th{padding:15px 0 5px;border-bottom:none;}
#contents.join .cont .insert table .pwt td{padding:15px 2px 5px 0;border-bottom:none;}
#contents.join .cont .insert table .pwb th{padding:5px 0 15px;}
#contents.join .cont .insert table .pwb td{padding:5px 2px 15px 0;}
#contents.join .cont .insert select{float:left;width:100%;height:30px;margin:0;padding:0;text-indent:11px;font-size:13px;color:#8e8e8e;line-height:26px;letter-spacing:-0.05em;border:1px solid #cacaca;-webkit-appearance:none;border-radius:0;background:white url(../images/common/select1.png) right center no-repeat;background-size:23px 9px;}
#contents.join .cont .insert .button{position:absolute;top:0;right:-2px;width:86px;height:30px;text-align:center;font-size:12px;color:white;line-height:30px;letter-spacing:-0.05em;background:#8a8a8a;}
#contents.join .cont .insert .button.active{background:black;}
#contents.join .cont .insert .inputText{float:left;width:100%;height:28px;text-indent:15px;font-size:13px;color:#8e8e8e;line-height:28px;letter-spacing:-0.05em;border:1px solid #cacaca;background:none;}
#contents.join .cont .insert .inputList{min-width:1px;}
#contents.join .cont .insert .inputList:after{content:"";display:block;clear:both;}
#contents.join .cont .insert .inputList li{float:left;height:30px;margin:0 27px 0 0;}
#contents.join .cont .insert .inputList li .jqTransformRadioWrapper,
#contents.join .cont .insert .inputList li .jqTransformCheckbox{margin:7px 9px 0 0;}
#contents.join .cont .insert .inputList li label{float:left;}
#contents.join .cont .insert .inputList li label.active{color:black;}
#contents.join .cont .insert div.line{position:relative;min-width:1px;}
#contents.join .cont .insert div.line:after{content:"";display:block;clear:both;}
#contents.join .cont .insert div.mail1{position:relative;min-width:1px;margin:0 1px 0 0;padding:0 50% 0 0;}
#contents.join .cont .insert div.mail1:after{content:"";display:block;clear:both;}
#contents.join .cont .insert div.mail1 .bar{position:absolute;top:0;left:50%;width:20px;height:30px;margin:0 0 0 1px;text-align:center;font-size:13px;color:#8e8e8e;line-height:30px;}
#contents.join .cont .insert div.mail2{position:relative;min-width:1px;margin:0 -22px 0 0;padding:5px 0 0;}
#contents.join .cont .insert div.mail2:after{content:"";display:block;clear:both;}
#contents.join .cont .insert p.mail3{clear:both;padding:6px 0 0;font-size:10px;color:#8e8e8e;line-height:15px;letter-spacing:-0.05em;}
#contents.join .cont .insert div.tel{position:relative;min-width:1px;}
#contents.join .cont .insert div.tel:after{content:"";display:block;clear:both;}
#contents.join .cont .insert div.tel select{width:34%;margin:0 5px 0 0;}
#contents.join .cont .insert div.tel .inputText{width:33%;}
#contents.join .cont .insert div.privacy{padding:8px 0 0;font-size:12px;color:black;letter-spacing:-0.05em;}
#contents.join .cont .insert div.privacy .box{height:75px;margin:0 0 10px;padding:7px 8px;overflow-y:scroll;font-size:10px;color:#8e8e8e;line-height:12px;border:1px solid #696969;}
#contents.join .cont .insert div.privacy .agree{position:relative;width:80%;height:25px;}
#contents.join .cont .insert div.privacy .agree .jqTransformCheckboxWrapper{width:100%;}
#contents.join .cont .insert div.privacy .agree label{position:absolute;top:0;left:0;width:100%;text-align:center;font-size:10px;color:white;line-height:25px;}
#contents.join .cont .final1 li a{font-size:13px;}

/****************************************************************************************** FIND ******************************************************************************************/
#contents.find .cont{padding:0 0 25px;}
#contents.find .cont h1{height:35px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.find .cont .insert{width:100%;padding:0 0 38px;}
#contents.find .cont .insert h2{height:26px;font-size:13px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.find .cont .insert table{width:100%;margin:0 0 10px;}
#contents.find .cont .insert table th{padding:5px 0;vertical-align:top;text-align:left;font-size:12px;color:#8e8e8e;line-height:30px;letter-spacing:-0.05em;font-weight:normal;}
#contents.find .cont .insert table td{padding:5px 2px 5px 0;vertical-align:top;text-align:left;font-size:12px;color:#8e8e8e;line-height:30px;letter-spacing:-0.05em;}
#contents.find .cont .insert .inputText{float:left;width:100%;height:28px;text-indent:15px;font-size:13px;color:#8e8e8e;line-height:28px;letter-spacing:-0.05em;border:1px solid #cacaca;background:none;}
#contents.find .cont .insert .searchButton{display:block;width:63px;height:63px;margin:0 auto;text-align:center;font-size:15px;color:white;line-height:63px;letter-spacing:-0.08em;font-weight:bold;border:none;border-radius:100px;background:black;}
#contents.find .cont .insert .searchButton.active{color:black;background:#fbb900;}
#contents.find .cont .result{float:left;width:100%;margin:2px 0 0;}
#contents.find .cont .result .message{width:100%;padding:21px 0;text-align:center;font-size:15px;color:#787878;line-height:22px;letter-spacing:-0.08em;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
#contents.find .cont .result .message strong{font-size:17px;color:black;font-weight:bold;}
#contents.find .cont .result ul{width:100%;padding:24px 0 0;text-align:center;}
#contents.find .cont .result ul li{display:inline;margin:0 12px 0 0;padding:0 19px 0 0;vertical-align:top;background:url(../images/mypage/login_line.gif) right 8px no-repeat;}
#contents.find .cont .result ul li.last{margin:0;padding:0;background:none;}
#contents.find .cont .result ul li a{vertical-align:top;font-size:14px;color:#848484;line-height:24px;letter-spacing:-0.08em;font-weight:bold;}

/****************************************************************************************** LESSON ******************************************************************************************/
#contents.lesson .cont{padding:0 0 60px;margin:0;}
#contents.lesson .cont h1{height:35px;margin: 0 18px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.lesson .cont .study{width:100%;}
#contents.lesson .cont .study h2{height:31px;margin: 0 18px;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.lesson .cont .study h2 span{margin:0 0 0 10px;padding:0 0 0 11px;vertical-align:top;font-size:23px;line-height:16px;font-family:'klavika_bold_capsbold';background:url(../images/mypage/lesson_line.gif) 0 7px no-repeat;}

#contents.lesson .cont .study .today{background:#e8e8e7;}
#contents.lesson .cont .study .today ul{margin: 0 18px;padding:28px 0;}
#contents.lesson .cont .study .today ul:after{content:"";display:block;clear:both;}
#contents.lesson .cont .study .today ul li{width:50%;float:left;text-align: center;}
#contents.lesson .cont .study .today ul li a{display:inline-block;width:99%;height:35px;line-height:35px;font-size:13px;color:#FFF;letter-spacing:-0.08em;text-indent: 1em;}
#contents.lesson .cont .study .today ul li a.play{background:#f7a51c url(../images/mypage/play1.png) 17% 9px no-repeat;background-size:19px 50px;}
#contents.lesson .cont .study .today ul li a.download{background:#8a8a8a url(../images/mypage/download1.png) 17% 9px no-repeat;background-size:19px 50px;}
#contents.lesson .cont .study .today ul li a.active{color:#FFF;background-position:17% -22px !important;}
#contents.lesson .cont .study .mpList{margin: 0 18px;padding:50px 0 0;}
#contents.lesson .cont .study .mpList h3{height:36px;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;border-bottom:1px solid #dbdbdb;}
#contents.lesson .cont .study .mpList dl{width:100%;padding:26px 0 27px;border-bottom:1px solid #dbdbdb;}
#contents.lesson .cont .study .mpList dl:after{content:"";display:block;clear:both;}
#contents.lesson .cont .study .mpList dl dt{margin:0 0 6px;font-size:13px;color:black;letter-spacing:-0.08em;}
#contents.lesson .cont .study .mpList dl dd{float:left;width:50%;padding:11px 0 0;}
#contents.lesson .cont .study .mpList dl dd a{display:inline-block;width:99%;height:28px;text-align: center;;font-size:13px;color:#FFF;line-height:28px;}

#contents.lesson .cont .study .mpList dl dd a.play1{background: #44b5bb;}
#contents.lesson .cont .study .mpList dl dd a.play2{background: #f7a51c;}
#contents.lesson .cont .study .mpList dl dd a.play3{background: #8a8a8a;}
#contents.lesson .cont .study .mpList dl dd a.play4{background: #272624;}
#contents.lesson .cont .study .mpList dl dd a.play5{background: #8a8a8a;}
#contents.lesson .cont .study .mpList dl dd a.download4{background: #000;}


#contents.lesson .cont .study .mpList dl dd a.play{background:url(../images/mypage/play2.png) 0 0 no-repeat;background-size:19px 43px;}
#contents.lesson .cont .study .mpList dl dd a.download{background:url(../images/mypage/download2.png) 0 0 no-repeat;background-size:19px 43px;}
/*#contents.lesson .cont .study .mpList dl dd a.active{color:black;background-position:0 -24px !important;}*/


#contents.lesson .cont .study .down ul{margin: 0 18px;padding:28px 0;}
#contents.lesson .cont .study .down ul:after{content:"";display:block;clear:both;}
#contents.lesson .cont .study .down ul li{width:50%;float:left;text-align: center;}
#contents.lesson .cont .study .down ul li a{display:inline-block;width:99%;height:40px;line-height:40px;font-size:12px;color:#FFF;letter-spacing:-0.08em;}
#contents.lesson .cont .study .down ul li a.play{background:#8a8a8a;}
#contents.lesson .cont .study .down ul li a.download{background:#000;}


/****************************************************************************************** COUNSEL ******************************************************************************************/
#contents.counsel .cont{padding:0 0 60px;}
#contents.counsel .cont h1{height:37px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.counsel .cont .boardView1{padding:0 0 45px;}
#contents.counsel .cont .final1{padding:0;}

/****************************************************************************************** SETTLEMENT ******************************************************************************************/
#contents.wpayment .cont{padding:0;}
#contents.wpayment .cont h1{height:35px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.wpayment .cont .product{width:100%;margin:0 0 25px;}
#contents.wpayment .cont .product h2{height:25px;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.wpayment .cont .info{margin:0 0 51px;font-size:12px;color:#787878;line-height:21px;letter-spacing:-0.08em;}
#contents.wpayment .cont .product table{width:100%;}
#contents.wpayment .cont .product table th{vertical-align:top;text-align:center;font-size:12px;color:#787878;line-height:32px;letter-spacing:-0.08em;border-top:1px solid #000;border-bottom:1px solid #000;}
#contents.wpayment .cont .product table td{vertical-align:middle;text-align:center;font-size:15px;color:#787878;line-height:21px;letter-spacing:-0.08em;}
#contents.wpayment .cont .product table td strong{font-weight:bold;}
#contents.wpayment .cont .product table .jqTransformRadioWrapper{display:inline-block;float:none;}
#contents.wpayment .cont .product table .price{color:black;}
#contents.wpayment .cont .payment{margin:0 -18px;padding:48px 0 48px;background:#595959;}
#contents.wpayment .cont .payment h2{height:36px;margin:0 0 0 18px;font-size:15px;color:white;letter-spacing:-0.08em;font-weight:bold;}
#contents.wpayment .cont .payment ul{min-width:1px;margin:0 18px;}
#contents.wpayment .cont .payment ul:after{content:"";display:block;clear:both;}
#contents.wpayment .cont .payment ul li{float:left;width:49%;background:#f7a51c;margin: 5px 1px;padding: 5px 0;}
#contents.wpayment .cont .payment ul li:last-child{background: #44b5bb;}
#contents.wpayment .cont .payment ul li a{float:left;height:28px;margin:0 0 0 20px;padding:0 0 0 34px;font-size:16px;color:white;line-height:28px;letter-spacing:-0.08em;font-weight:bold;}

#contents.wpayment .cont .payment ul li a.card{background:url(../images/mypage/payment_card.png) 0 0 no-repeat;background-size:28px 28px;}
#contents.wpayment .cont .payment ul li a.bank1{background:url(../images/mypage/payment_bank1.png) 0 0 no-repeat;background-size:28px 28px;}
#contents.wpayment .cont .payment ul li a.bank2{background:url(../images/mypage/payment_bank2.png) 0 0 no-repeat;background-size:28px 28px;}
#contents.wpayment .cont .payment ul li a.coupon{background:url(../images/mypage/payment_coupon.png) 0 0 no-repeat;background-size:28px 28px;}

#contents.settlement .cont{padding:0 0 50px;}
#contents.settlement .cont h1{height:35px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.settlement .cont .history{width:100%;/*padding:48px 0 0;*/}
#contents.settlement .cont .history h2{height:25px;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.settlement .cont .history table{width:100%;}
#contents.settlement .cont .history table th{vertical-align:top;text-align:center;font-size:12px;color:#787878;line-height:32px;letter-spacing:-0.08em;border-top:1px solid #000;border-bottom:1px solid #000;}
#contents.settlement .cont .history table td{padding:17px 5px 16px;vertical-align:middle;text-align:center;font-size:15px;color:#787878;line-height:21px;letter-spacing:-0.08em;border-bottom:1px solid #dbdbdb;}
#contents.settlement .cont .history table .date{font-family:Verdana;}
#contents.settlement .cont .history table .none{padding:0;line-height:63px;}
#contents.settlement .cont .history .paging1{padding:20px 0 0;}
#contents.settlement .cont .history .more1 {position: relative;clear: both;width: 100%;margin: 20px auto;text-align: center;margin: 0;padding: 20px 0;}
/****************************************************************************************** COUPON ******************************************************************************************/
#contents.coupon .cont{padding:0 0 60px;overflow:hidden;}
#contents.coupon .cont .bar1{float:left;width:15px;height:28px;text-align:center;}
#contents.coupon .cont h1{height:35px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.coupon .cont .info{margin:0 10px 46px 0;letter-spacing:-0.08em;}
#contents.coupon .cont .info dt{margin:0 0 9px;font-size:13px;color:black;}
#contents.coupon .cont .info dd{font-size:12px;color:#787878;line-height:20px;}
#contents.coupon .cont .insert{margin:0 -8px 25px 0;padding:0 0 20px;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
#contents.coupon .cont .insert h2{margin:0 8px 0 0;padding:13px 0 14px;text-align:center;font-size:14px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.coupon .cont .insert table{width:100%;}
#contents.coupon .cont .insert table td{padding:10px 10px 0 0;border:none;background:none;}
#contents.coupon .cont .insert .inputText{float:left;width:100%;height:28px;text-indent:15px;font-size:13px;color:#8e8e8e;line-height:28px;letter-spacing:-0.05em;border:1px solid #cacaca;background:none;}
#contents.coupon .cont .insert .inputText2{float:left;width:25%;height:28px;text-indent:15px;font-size:13px;color:#8e8e8e;line-height:28px;letter-spacing:-0.05em;border:1px solid #cacaca;background:none;}

#contents.coupon .cont .result{margin:0 -8px 25px 0;padding:0 0 0 0;border-top:1px solid #000;border-bottom:1px solid #000;}
#contents.coupon .cont .result h2{margin:0 8px 0 0;padding:13px 0 14px;text-align:center;font-size:14px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.coupon .cont .result table{width:100%;}
#contents.coupon .cont .result table tr td{padding:0 10px 28px 0;background:none;border-bottom:1px solid #dbdbdb;text-align: center;font-size: 18px;color:black;}
#contents.coupon .cont .result table tr:last-child td{padding:20px 0 20px 0;color: #000;border-bottom:none;font-weight: bold;}
#contents.coupon .cont .result.none table tr:last-child td{padding:20px 0 20px 0;color: #787878;border-bottom:none;font-weight: normal;}

/****************************************************************************************** MEMBER ******************************************************************************************/
#contents.member .cont{padding:0 0 62px;font-size:12px;color:#8e8e8e;line-height:18px;letter-spacing:-0.05em;}
#contents.member .cont h1{height:31px;padding:17px 0 0;font-size:15px;color:black;line-height:1.2;letter-spacing:-0.08em;font-weight:bold;}
#contents.member .cont strong{color:black;font-weight:bold;}




/****************************************************************************************** PRINCIPLE ******************************************************************************************/
#contents.yuninfo .visual{position:relative;width:100%;height:287px;overflow: hidden;}
#contents.yuninfo .visual img{width:100%;text-align: center;}

#contents.yuninfo .visual h1{position:absolute;top:20px;width:90%;margin: 0 5% 0 5%;color:#000;font-size: 15px;font-weight: bold;}
#contents.yuninfo .visual h2{position:absolute;top:65px;width:90%;margin: 0 5% 0 5%;color:#000;font-size: 18px;font-weight: bold;line-height: 130%;}
#contents.yuninfo .visual div.comt{position:absolute;top:135px;width:90%;margin: 0 5% 0 5%;color:#575656;font-size: 13px;line-height: 150%;}

#contents.principle .info-view h1{position:absolute;top:60px;width:90%;margin: 0 5% 25px 5%;padding: 0 0 25px 0;color:#000;font-size: 18px;font-weight: bold;border-bottom: 3px solid black;line-height: 130%;}
#contents.principle .info-view div.comt{position:absolute;top:160px;width:90%;margin: 0 5% 25px 5%;color:#575656;font-size: 13px;line-height: 150%;}


#contents.principle .section1{position:relative;width:100%;height:301px;background:#e8e8e7;}
#contents.principle .section2{position:relative;width:100%;height:459px;background:#FFF;}

#contents.principle .section2 div.comt ul{width:240px;margin: 26px auto 0 auto;}
#contents.principle .section2 div.comt ul li{margin: 0 0 20px 0;line-height: 160%;}
#contents.principle .section2 div.comt ul li:after{content:"";display:block;clear:both;}
#contents.principle .section2 div.comt ul li img{width: 57px;float: left;}
#contents.principle .section2 div.comt ul li span{display: inline-block;margin: 5px 0 0 10px;}
#contents.principle .section2 div.comt ul li span h4{color: #000;font-size: 12px;}
#contents.principle .section2 div.comt ul li span h3{font-weight: bold;color: #000;font-size: 14px;}

#contents.principle .section3{position:relative;width:100%;height:464px;background:#fbb900;}



#contents.yuninfo.solution .visual h1{color:#FFF;}
#contents.yuninfo.solution .visual h2{color:#FFF;}
#contents.yuninfo.solution .visual div.comt{color:#FFF;top:155px;}

#contents.solution .section1{position:relative;width:90%;margin: 0 5% 25px 5%;}
#contents.solution .section1 h1{margin-top: 58px;color:#000;font-size: 18px;font-weight: bold;line-height: 130%;}
#contents.solution .section1 div.comt{margin-top: 22px;color:#575656;font-size: 13px;line-height: 150%;}

#contents.solution .section1 div.comt ul{width:265px;margin: 26px auto 0 auto;}
#contents.solution .section1 div.comt ul li{margin: 0 0 20px 0;line-height: 160%;}
#contents.solution .section1 div.comt ul li:after{content:"";display:block;clear:both;}
#contents.solution .section1 div.comt ul li img{width: 57px;float: left;}
#contents.solution .section1 div.comt ul li span{display: inline-block;margin: 5px 0 0 10px;}
#contents.solution .section1 div.comt ul li span h4{color: #000;font-size: 12px;}
#contents.solution .section1 div.comt ul li span h3{font-weight: bold;color: #000;font-size: 14px;}

#contents.solution .section2{position:relative;width:90%;margin: 0 5% 0 5%;}
#contents.solution .section2 h1{margin-top: 58px;color:#fbb900;font-size: 18px;font-weight: bold;line-height: 130%;}
#contents.solution .section2 div.comt{margin-top: 22px;padding-bottom:64px;color:#575656;font-size: 13px;line-height: 150%;}


#contents.yuninfo.learning .visual h1{color:#FFF;}
#contents.yuninfo.learning .visual h2{color:#FFF;}
#contents.yuninfo.learning .visual div.comt{color:#FFF;top:155px;}

#contents.yuninfo.learning span.line{display: inline-block;width:80px;height: 3px;background: #000;margin-top: 24px;font-size: 0px;}

#contents.learning .section1{position:relative;width:90%;margin: 0 5% 25px 5%;}
#contents.learning .section1 h1{margin-top: 58px;color:#000;font-size: 18px;font-weight: bold;line-height: 130%;}
#contents.learning .section1 div.comt{margin-top: 22px;color:#575656;font-size: 13px;line-height: 150%;}
#contents.learning .section1 div.comt img{width: 100%;}

#contents.learning .section2{position:relative;width:90%;margin: 0 5% 0 5%;}
#contents.learning .section2 h1{margin-top: 58px;color:#000;font-size: 18px;font-weight: bold;line-height: 130%;}
#contents.learning .section2 div.comt{margin-top: 22px;padding-bottom:64px;color:#575656;font-size: 13px;line-height: 150%;border-bottom: 1px solid #908b7d;}
#contents.learning .section2 div.comt img{width: 100%;}

#contents.learning .section3{position:relative;width:90%;margin: 0 5% 0 5%;}
#contents.learning .section3 h1{margin: 9px 0;color:#000;font-size: 18px;font-weight: bold;line-height: 130%;}
#contents.learning .section3 div.comt{margin-top: 22px;padding-bottom:64px;color:#575656;font-size: 13px;line-height: 150%;}
#contents.learning .section3 div.comt dl{}
#contents.learning .section3 div.comt dl dt{font-size: 13px;font-weight: bold;color: #000;margin-top: 30px;}
#contents.learning .section3 div.comt dl dt h2{font-size: 14px;font-weight: bold;color: #fbb900;margin-top: 3px;}
#contents.learning .section3 div.comt dl dd{font-size: 14px;color: #575656;margin: 15px 0 0 0;}

#contents.learning .section4{position:relative;width:100%;background: #fbb900;}
#contents.learning .section4 h1{margin: 0 5% 0 5%;padding-top: 58px;color:#000;font-size: 18px;font-weight: bold;line-height: 130%;}
#contents.learning .section4 div.comt{margin: 22px 5% 0 5%;padding-bottom:64px;color:#575656;font-size: 13px;line-height: 150%;}


#contents.yuninfo.stepbystep .visual h1{color:#FFF;}
#contents.yuninfo.stepbystep .visual h2{color:#FFF;}
#contents.yuninfo.stepbystep .visual div.comt{color:#FFF;top:155px;}

#contents.yuninfo.stepbystep span.line{display: inline-block;width:80px;height: 3px;background: #000;margin-top: 24px;font-size: 0px;}

#contents.stepbystep .info-view{position:relative;}
#contents.stepbystep .info-view:last-child{margin-bottom: 0px;padding-bottom: 60px;}
#contents.stepbystep .info-view h2{width:90%;margin: 0 5% 25px 5%;margin-top: 58px;color:#000;font-size: 14px;font-weight: bold;line-height: 130%;}
#contents.stepbystep .info-view h1{width:90%;margin: 0 5% 25px 5%;margin-top: 13px;color:#000;font-size: 23px;font-weight: normal;line-height: 130%;}
#contents.stepbystep .info-view div.comt{width:90%;margin: 0 5% 25px 5%;margin-top: 22px;color:#575656;font-size: 13px;line-height: 150%;}
#contents.stepbystep .info-view div.comt h4{font-weight: bold;margin: 20px 0 5px 0;font-size: 15px;color:#575656;}
#contents.stepbystep .info-view div.comt dl{margin-top: 25px;}
#contents.stepbystep .info-view div.comt dl dt{font-size: 15px;color: #000;font-weight: bold;margin-bottom: 14px;}
#contents.stepbystep .info-view div.comt dl dd{margin-top: 4px;color:#575656;font-size: 13px;line-height: 150%;padding-left: 10px;}
#contents.stepbystep .info-view div.comt dl dd:before{content:"-";color: #525150;margin-right: 5px;margin-left: -10px;}
#contents.stepbystep .info-view div.comt dl dd.refer:before{content:"*";}


#contents.yuninfo.traning .visual h1{color:#000;}
#contents.yuninfo.traning .visual h2{color:#000;}
#contents.yuninfo.traning .visual div.comt{color:#000;top:155px;}

#contents.yuninfo.traning span.line{display: inline-block;width:80px;height: 3px;background: #000;margin-top: 24px;font-size: 0px;}

#contents.traning .info-view{position:relative;}
#contents.traning .info-view:last-child{margin-bottom: 0px;padding-bottom: 60px;}
#contents.traning .info-view h2{width:90%;margin: 0 5% 25px 5%;margin-top: 58px;color:#000;font-size: 14px;font-weight: bold;line-height: 130%;}
#contents.traning .info-view div.comt{width:90%;margin: 0 5% 25px 5%;margin-top: 22px;color:#575656;font-size: 13px;line-height: 150%;}
#contents.traning .info-view div.comt dl{margin-top: 25px;}
#contents.traning .info-view div.comt dl dt{font-size: 15px;color: #000;font-weight: bold;margin-bottom: 14px;}
#contents.traning .info-view div.comt dl dd{margin-top: 4px;color:#575656;font-size: 13px;line-height: 150%;padding-left: 10px;}
#contents.traning .info-view div.comt dl dd:before{content:"-";color: #525150;margin-right: 5px;margin-left: -10px;}
#contents.traning .info-view div.comt dl dd.refer:before{content:"*";}
#contents.traning .section2{background: #e8e8e7;}
#contents.traning .section2 h2{padding: 60px 0 0 0;}
#contents.traning .section2 div.comt{padding: 0 0 60px 0;}

#contents.freetrial>h1{height:35px;margin: 0 18px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}

#contents.freetrial .info{position:relative;width:100%;height:299px;}
#contents.freetrial .info h1{padding:11px 0 18px 0;text-align:center;font-size:20px;color:#000;letter-spacing:-0.08em;font-weight:bold;}
#contents.freetrial .info p{padding:50px 0 0 0;text-align:center;font-size:14px;color:#504f4e;letter-spacing:-0.05em;font-weight:bold;}
#contents.freetrial .info ul{width:220px;margin:0 auto;}
#contents.freetrial .info ul:after{content:"";display:block;clear:both;}
#contents.freetrial .info ul li{float:left;width:110px;}
#contents.freetrial .info ul li a{display:block;width:110px;margin:0 auto;}
#contents.freetrial .info ul li a img{display:block;width:84px;height:84px;margin:0 auto 8px;}
#contents.freetrial .info ul li a .txt{display:block;text-align:center;font-size:11px;color:#525150;letter-spacing:-0.05em;font-weight:bold;}
#contents.freetrial .info ul li a.active .txt{color:#fbb900;}

#contents.freetrial .demo{position:relative;width:100%;background:#edefee;padding: 0 0 20px 0;}
#contents.freetrial .demo h1{padding:5px 0 25px;text-align:center;font-size:20px;color:#000;letter-spacing:-0.08em;font-weight:bold;}
#contents.freetrial .demo p{padding:70px 0 0;text-align:center;font-size:13px;color:#504f4e;letter-spacing:-0.05em;font-weight:bold;}
#contents.freetrial .demo ul{margin:0 auto;text-align: center;}
#contents.freetrial .demo ul:after{content:"";display:block;clear:both;}
#contents.freetrial .demo ul li{width:100%;margin:0 auto 25px auto;text-align:center;}
#contents.freetrial .demo ul li a{display:block;position:relative;font-size:11px;color:white;line-height:15px;letter-spacing:-0.08em;font-weight:bold;}
#contents.freetrial .demo ul li a .playButton1{position: absolute;top:50%;margin-top: -21px;}
#contents.freetrial .demo ul li a .thum{display:block;width:284px;margin:0 auto 0;}
#contents.freetrial .demo ul li a .txt{display:block;font-size:15px;text-align:center;color: #8e8e8e;padding: 10px 0 0 0;}
#contents.freetrial .demo ul li a.active{color:#fbb900;}


#contents.freetrial .any{position:relative;width:100%;text-align: center;margin:0 auto;}
#contents.freetrial .any img{padding-top: 50px;width: 80px;}
#contents.freetrial .any>a>div{font-size: 14px;color: #000;padding: 10px 0 50px 0;font-weight: bold;}



#contents.information .visual{position:relative;width:100%;height:287px;overflow: hidden;}
#contents.information .visual img{width:100%;text-align: center;}
#contents.information .visual h1{position:absolute;top:20px;width:90%;margin: 0 5% 0 5%;color:#000;font-size: 15px;font-weight: bold;}

#contents.information .info-view h1{width:90%;margin: 0 5% 0 5%;padding: 60px 0 25px 0;color:#000;font-size: 18px;font-weight: bold;border-bottom: 3px solid black;line-height: 130%;}
#contents.information .info-view div.comt{width:90%;padding: 25px 5% 55px 5%;color:#575656;font-size: 13px;line-height: 150%;}

#contents.information .info-view div.comt h4{padding: 22px 0 14px 0;color:#000;font-size: 15px;font-weight: bold;}


#contents.information .section1{position:relative;width:100%;background:#fff;}
#contents.information .section2{position:relative;width:100%;background:#fbb900;}
#contents.information .section3{position:relative;width:100%;background:#fff;}
#contents.information .section4{position:relative;width:100%;background:#fbb900;}
#contents.information .section5{position:relative;width:100%;background:#fff;}

#contents.faqpage .cont{padding:0 0 60px;margin:0;}
#contents.faqpage .topLayer {position: relative;min-width: 1px;margin: 0 18px;}

#contents.faqpage .cont h1{height:37px;padding:17px 0 0;font-size:15px;color:black;letter-spacing:-0.08em;font-weight:bold;}
#contents.faqpage .faqList ul.list{position:relative;width:100%;background:#fff;}
#contents.faqpage .faqList ul.list li{width:100%;border-bottom: 1px solid #959595;}
#contents.faqpage .faqList ul.list li div.list{background-color: #8a8a8a;height: 40px;line-height: 40px;font-size: 15px;color: #FFF;padding: 0 0 0 16px;background-image: url(../images/yuninfo/faq_cate_down.png);background-repeat: no-repeat;background-position:96% center;background-size: 20px 10px;cursor: pointer;}
#contents.faqpage .faqList ul.list li.active div.list{background-image: url(../images/yuninfo/faq_cate_upper.png);background-color: #fbb900;}

#contents.faqpage .faqList ul.list li div.sublist{display:none;}
#contents.faqpage .faqList ul.list li.active div.sublist{display:block;}
#contents.faqpage .faqList ul.list li div.sublist dl{margin:0 18px;}
#contents.faqpage .faqList ul.list li div.sublist dl dt{padding:20px 0;border-bottom: 1px solid #959595;background-image: url(../images/yuninfo/faq_list_down.png);background-repeat: no-repeat;background-position:96% center;background-size: 25px 25px;cursor: pointer;}
#contents.faqpage .faqList ul.list li div.sublist dl dt h5{color: #787878;font-size: 12px;}
#contents.faqpage .faqList ul.list li div.sublist dl dt p{color: #787878;font-size: 15px;margin-top: 3px;width: 88%;}
#contents.faqpage .faqList ul.list li div.sublist dl dd{display:none;color:#252525;padding: 20px 0;line-height: 150%;}

#contents.faqpage .faqList ul.list li div.sublist dl.active dt{background-image: url(../images/yuninfo/faq_list_upper.png);border-bottom: 1px solid #dbdbdb;}
#contents.faqpage .faqList ul.list li div.sublist dl.active dt p{color: #fbb900;}
#contents.faqpage .faqList ul.list li div.sublist dl.active dd{display:block;border-bottom: 1px solid #959595;}



#footer{position:relative;z-index:9;height:271px;text-align:center;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;}
#footer h1{height:56px;margin:0 0 9px;border-bottom:1px solid #fbb900;}
/*#footer h1 a{display:block;height:27px;padding:14px 10px 15px 0;text-align:center;font-size:16px;color:white;line-height:27px;letter-spacing:-0.05em;font-weight:bold;}*/
#footer h1 a{height:27px;padding:14px 10px 15px 0;text-align:center;font-size:16px;color:white;line-height:27px;letter-spacing:-0.05em;font-weight:bold;}
#footer h1 a img{width:27px;height:27px;margin:0 9px 0 0;vertical-align:bottom;}
#footer .privacy{width:285px;margin:0 auto 8px;background:url(../images/common/footer_privacy_line.gif) center 11px no-repeat;}
#footer .privacy:after{content:"";display:block;clear:both;}
#footer .privacy li{float:left;width:142px;height:20px;margin:10px 0;text-align:center;}
#footer .privacy li.last{padding:0 0 0 1px;}
#footer .privacy li a{font-size:14px;color:white;line-height:20px;letter-spacing:-0.05em;font-weight:bold;}
#footer .privacy li a img{width:20px;height:20px;margin:0 6px 0 0;vertical-align:top;}
#footer p{white-space:nowrap;font-size:10px;color:#6a6968;line-height:17px;letter-spacing:-0.04em;font-weight:bold;}
#footer p span{vertical-align:top;color:#4c4c4a;font-weight:normal;font-family:Dotum,sans-serif;}



/****************************************************************************************** YUNOFF ******************************************************************************************/
#contents.yunoff .visual{position:relative;width:100%;height:287px;overflow: hidden;}
#contents.yunoff .visual img{width:100%;text-align: center;}

#contents.yunoff .visual h1{position:absolute;top:20px;width:90%;margin: 0 5% 0 5%;color:#000;font-size: 15px;font-weight: bold;}
#contents.yunoff .visual h2{position:absolute;top:65px;width:90%;margin: 0 5% 0 5%;color:#000;font-size: 18px;font-weight: bold;line-height: 130%;}

#contents.focusinfo .info-view h1{width:90%;margin: 0 5% 25px 5%;padding: 60px 0 25px 0;color:#000;font-size: 18px;font-weight: bold;border-bottom: 3px solid black;line-height: 130%;}
#contents.focusinfo .info-view div.vod{width:90%;margin: 0 5% 10px 5%;text-align:center;}
#contents.focusinfo .info-view div.vod h3 {font-weight: bold;color: #000;font-size: 16px; padding-top:15px;line-height: 150%;}
#contents.focusinfo .info-view div.vod h4 {color: #000;font-size: 12px;line-height: 150%; padding:10px 0 50px 0;}

#contents.focusinfo .section1{width:100%;}
#contents.focusinfo .section2{width:100%;height:620px;background:#FFF;}

#contents.focusinfo .section2 div.comt ul{width:310px;margin: 26px auto 0 auto;}
#contents.focusinfo .section2 div.comt ul li{margin: 0 0 20px 0;line-height: 160%;}
#contents.focusinfo .section2 div.comt ul li:after{content:"";display:block;clear:both;}
#contents.focusinfo .section2 div.comt ul li img{width:67px;float: left;}
#contents.focusinfo .section2 div.comt ul li span{display: inline-block;margin: 5px 0 0 10px;}
#contents.focusinfo .section2 div.comt ul li span h4{color: #000;font-size: 12px; letter-spacing:-1px;}
#contents.focusinfo .section2 div.comt ul li span h3{font-weight: bold;color: #000;font-size: 14px; letter-spacing:-1px;}


.fixedLecture{width:100%;position:fixed;bottom:0;left:0;color:#fff;letter-spacing:-0.04em;background:rgba(35,46,60,.9);padding:44px 0;z-index:120;text-align:center;font-family:'Noto Sans KR', sans-serif;}
.fixedLecture a{display:block;width:calc(100% - 46px);height:56px;line-height:56px;background-color:#ff5d00;margin:0 auto;color:#fff;font-weight:700;font-size:22px;border-radius:3px;}
#footer180810 .fixedBottom .addArea{padding-bottom:20px;}

#contents.login.newMember{padding:20px 0 0;}
#contents.login.newMember .cont{padding-bottom:115px;}
#contents.login.newMember .cont h1{height:36px;border-bottom:1px solid #000;margin-bottom:65px;}
#contents.login.newMember .cont .insert{margin:0 13px 0 19px;}
#contents.login.newMember .kakaoLogin{width:100%;height:46px;line-height:46px;display:flex;align-items:flex-start;justify-content:center;background-color:#fedc00;border-radius:3px;margin-top:65px;}
#contents.login.newMember .kakaoLogin a{width:100%;color:#381f1e;font-weight:700;font-size:15px;display:block;text-align:center;}
#contents.login.newMember .kakaoLogin a img{margin-right:2px;vertical-align:-3px;}
#contents.login.newMember .appleLoginBox{background:#000;text-align:center;margin-top:10px;border-radius:3px;}
#contents.login.newMember .appleLoginBox .appleLogin{display:block;}
#contents.login.newMember .appleLoginBox .appleLogin a{display:block;font-size:0;}
#contents.login.newMember .basicLogin{width:100%;height:46px;line-height:46px;display:flex;align-items:flex-start;justify-content:center;background-color:#fff;border-radius:3px;margin-top:15px;border:1px solid #ddd;box-sizing:border-box;}
#contents.login.newMember .basicLogin a{width:100%;color:#666;font-weight:700;font-size:15px;display:block;text-align:center;}
#contents.login.newMember .basicLogin a img{margin-right:3px;vertical-align:-5px;}
#contents.login.newMember .existingLogin{text-align:center;margin-top:29px;}
#contents.login.newMember .existingLogin a{font-size:15px;font-weight:700;color:#000;padding:0 3px;border-bottom:1px solid #000;letter-spacing:-0.02em;padding-bottom:2px;}
#contents.login.newMember.bridge .cont{padding-bottom:104px;}
#contents.login.newMember.bridge .info{font-size:18px;font-weight:700;letter-spacing:-0.02em;color:#000;line-height:26px;text-align:center;margin:87px 0 35px;}
#contents.login.newMember.bridge .middleImg{text-align:center;}
#contents.login.newMember.bridge .kakaoLogin{margin-top:18px;}
#contents.join.newMember .cont .insert .agreeBox td{padding:0 0 19px;}
#contents.join.newMember .cont .insert .agreeBoxTit th{color:#000;font-size:15px;font-weight:700;}
#contents.join.newMember .cont .insert .agreeBox div.privacy{display:flex;justify-content:space-between;padding:8.5px 10px 8.5px 19px;background:#f6f6f6;border-bottom:1px solid #e2e2e2;}
#contents.join.newMember .cont .insert .agreeBox div.privacy .jqTransformHidden{display:block;appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;-o-appearance:auto;margin-right:5px;}
#contents.join.newMember .cont .insert .agreeBox div.privacy .checkbox2{display:flex;align-items:center;text-align:left;}
#contents.join.newMember .cont .insert .agreeBox div.privacy .checkbox2 .jqTransformCheckbox{background:none;display:none;}
#contents.join.newMember .cont .insert div.privacy .agree label{position:static;text-align:left;font-size:12px;color:#000;}
#contents.join.newMember .cont .insert div.privacy .agree .jqTransformCheckboxWrapper{width:auto;}
#contents.join.newMember .cont .insert .agreeBox div.privacy .btnDirect{flex-shrink:0;}
#contents.join.newMember .cont .insert .agreeBox div.privacy .btnDirect a{width:70px;line-height:25px;line-height:25px;color:#fff;letter-spacing:-0.04em;font-weight:700;border-radius:30px;background:#b9b9b9;text-align:center;display:block;color:#fff;}


#contents.join.newMember .cont .insert .agreeNewBox div.privacy .viewFullText{width:70px;line-height:25px;line-height:25px;cursor:pointer;color:#fff;letter-spacing:-0.04em;font-weight:700;border-radius:30px;background:#b9b9b9;text-align:center;display:block;color:#fff;}
#contents.join.newMember .cont .insert .agreeNewBox .contents{padding:15px}
#contents.join.newMember .cont .insert .agreeNewBox .contents .tableText{max-width:800px;margin:0 auto;}
#contents.join.newMember .cont .insert .agreeNewBox .contents .addText{line-height:1.7;font-size:12px;word-break:keep-all;margin-top:10px;color:#000;}
#contents.join.newMember .cont .insert .agreeNewBox .contents .tableWrap table{max-width:800px;margin:0 auto;}
#contents.join.newMember .cont .insert .agreeNewBox .contents .tableWrap table tr .borderLNone{border-left:0;}
#contents.join.newMember .cont .insert .agreeNewBox .contents .tableWrap table tr .borderR{border-right:1px solid #e2e2e2;}
#contents.join.newMember .cont .insert .agreeNewBox .contents .tableWrap table tr th{padding:10px;border-left:1px solid #e2e2e2;text-align:center;}
#contents.join.newMember .cont .insert .agreeNewBox .contents .tableWrap table tr td{line-height:1.8;text-align:center;vertical-align:middle;padding:10px;border-left:1px solid #e2e2e2;}
#contents.join.newMember .cont .insert .agreeNewBox .contents .tableWrap table tr td .textBox{max-width:150px;margin:0 auto;word-break:keep-all;text-align:left;}
#contents.join.newMember .cont .insert .agreeNewBox .contents{display:none;}
#contents.join.newMember .cont .insert .agreeNewBox .checkWrap.active > .checkCont > .contents{display:block;}



.headerJoin{width:auto !important;font-size:16px;font-weight:700;letter-spacing:-0.04em;color:#f3ab0a;top:18px !important;}


#contents.finish_new .cont{padding:30px 0 115px;}
#contents.finish_new .cont{text-align:center;font-family:'AppleSDGothicNeo';}
#contents.finish_new .cont h1{font-size:38px;letter-spacing:-0.025em;color:#000;font-weight:900;}
#contents.finish_new .cont .textBox{ }
#contents.finish_new .cont dl{display:inline-block;margin:0 auto;}
#contents.finish_new .cont dl dt{font-size:28px;letter-spacing:-0.015em;color:#000;font-weight:900;}
#contents.finish_new .cont dl dd{font-size:16px;letter-spacing:-0.015em;color:#9f9f9f;margin-top:60px;font-weight:300;text-align:left;}
#contents.finish_new .cont dl dd ul li{display:flex;align-items:center;}
#contents.finish_new .cont dl dd ul li span{font-size:20px;margin-right:8px;padding-top:10px;}
#contents.finish_new .imgBox{margin:42px 0 22px;}
#contents.finish_new .imgBox img{width:42.82%;}

.tableWrap{margin:10px 0;}
.tableWrap table { width:100%; margin:0 auto; text-align:center; border-top:solid 1px #e8e8e8; border-collapse:collapse; border-spacing:0;}
.tableWrap table th { border-bottom:solid 1px #e8e8e8; border-right:solid 1px #e8e8e8; background-color:#f6f6f6; color:#777; font-size:13px; padding:4px 5px; line-height:1.6em;}
.tableWrap table td { border-bottom:solid 1px #e8e8e8; border-right:solid 1px #e8e8e8; line-height:1.6em; padding:4px 3px; font-size:13px;}
.tableWrap table .last { border-right:none;}
.tableWrap table td.point01 {color:#548091; font-weight:bold; letter-spacing:-0.05em;}
.tableWrap table td.bg01 { background-color:#f8f8f8;}


/* header */

#header{padding:0 20px;background:#fff;font-family:'pretendard';}
#header .hedaerTop{display:flex;align-items:center;justify-content:space-between;padding:25px 0;}
#header .hedaerTop h1{}
#header .hedaerTop .right{display:flex;align-items:center;}
#header .hedaerTop .right ul{display:flex;align-items:center;}
#header .hedaerTop .right ul li{display:flex;}
#header .hedaerTop .right ul li:nth-child(n+2){margin-left:20px;}
#header .hedaerTop .right ul li a{font-size:2.77778vw;border-bottom:1px solid #1a1a1a;padding-bottom:2px;color:#1a1a1a;letter-spacing:-0.075em;font-weight:500;}
#header .hedaerTop .right ul li a.btnHJoin{border:0;padding:1.1111vw 2.6389vw;color:#fff;font-weight:700;background:#1a1a1a;border-radius:20px;}
#header .hedaerTop .right .Btn_sitemenu{margin-left:18px;display:flex;align-items:center;}
#header .hedaerTop .right .Btn_sitemenu.Btn_sitemenu_close{display:none;}

#header .headerTab{display:flex;align-items:center;position:relative;}
#header .headerTab li{width:25%;font-weight:900;font-size:3.33334vw;text-align:center;}
#header .headerTab li > a{line-height:66px;}
#header .headerTab li.on{background:#f6ab00;font-weight:700;}
#header .headerTab li.on > a{color:#fff;}
#header .headerTab li.on #sub_menu{display:block;}

#header .headerTab{}
#header .headerTab li a{color:#1a1a1a;line-height:3;display:block;}
#header .headerTab li #sub_menu{width:100vw;position:absolute;left:-20px;bottom:-80px;;background:#f8f8f8;z-index:12;display:none;}
#header .headerTab li #sub_menu a{font-weight:500;line-height:80px;}
#header .headerTab li #sub_menu a span{border-bottom:1px solid #1a1a1a;}
#header .headerTab li #sub_menu ul{display:flex;padding:0 20px;}





/*renew*/
.fixedLectureNew{width:100%;position:fixed;bottom:10px;left:0;color:#fff;z-index:99;text-align:center;font-family:'pretendard';}
.fixedLectureNew a{display:block;width:87.778%;padding:2.778% 0;background-color:#f6ab00;letter-spacing:-0.08em;margin:0 auto;color:#191919;font-weight:500;font-size:5.41666vw;border-radius:3.47222vw;}
.fixedLectureNew a span{font-weight:900;}

.c_f6ab00{color:#f6ab00;}

.mainCon01{color:#fff;text-align:center;background:url(../images/renew/mainCon01_bg.jpg) no-repeat center top / cover;padding:23.8889vw 0 56.9444vw;}
.mainCon01 .txt01{font-family:'GmarketSans';font-weight:500;font-size:5.27778vw;letter-spacing:-0.075em;}
.mainCon01 dl dt{font-family:'GmarketSans';font-weight:700;font-size:8.33334vw;letter-spacing:-0.025em;margin:3.3333vw 0 9.5833vw;line-height:1.1667;}
.mainCon01 dl dt span{text-decoration:underline;text-underline-offset:16px;text-decoration-thickness:2px;}
.mainCon01 dl dd{font-family:'pretendard';color:#bfbfbf;font-size:4.44445vw;line-height:1.4375;letter-spacing:-0.075em;}
.mainCon01 dl dd strong{color:#fff;font-weight:700;}

.mainCon02{ position:relative; background:url(../images/renew/mainCon02_bg.png) no-repeat top center / cover;font-family:'pretendard';text-align:center;padding:29.1666vw 0 34.7222vw;}
.mainCon02 dl dt{font-size:6.66666vw;font-weight:900;line-height:1.2085;color:#191919;letter-spacing:-0.075em;}
.mainCon02 dl dt span{color:#f6ab00;}
.mainCon02 dl dt:before{width:48px;height:69px;display:block;content:'';background:url(../images/renew/bulb_icon.png) no-repeat center;margin:0 auto;}
.mainCon02 dl dd{letter-spacing:-0.093em;}
.mainCon02 dl dd .txt01{font-size:3.47222vw;font-weight:500;line-height:1.52;color:#191919;margin:28px 0 24px;letter-spacing:-0.075em;}
.mainCon02 dl dd .txt01 strong{font-weight:900;}
.mainCon02 dl dd .txt01 strong span{border-radius:6px;padding:2px 5px 3px;background:#ffefcc;display:inline-block;line-height:1;}
.mainCon02 dl dd .txt02{font-size:3.05555vw;font-weight:500;color:#808080;line-height:1.591;}
.mainCon02 dl dd .txt02 span{border:2px solid #f6ab00;color:#1a1a1a;font-weight:900;display:inline-block;padding:2.5px 6px;border-radius:8px;line-height:1;}
.mainCon02 .vodimg{width:68.335%;margin:63px auto 0;}
.mainCon02 .vodimg img{width:100%;}

.mainCon03{background:url(../images/renew/mainCon03_bg.png) no-repeat top center / cover;font-family:'pretendard';padding:15.97216vw 16.807% 14.8611vw;}
.mainCon03 .vod{position:relative;margin-bottom:31px;}
.mainCon03 .title{font-size:4.30556vw; font-weight:900; color:#151515; letter-spacing:-0.075em;}
.mainCon03 .more{font-size:2.777771vw;background:#fff0cf;border-radius:12px;}
.mainCon03 .more a{color:#f6ab00;display:flex;align-items:center;padding:12px 22px;font-weight:900;letter-spacing:-0.075em;}
.mainCon03 .more a:after{max-width:16px;width:2.223vw;height:13px;background:url(../images/renew/double_arrow.png) no-repeat center left;content:'';display:inline-block;margin-left:7px;vertical-align:1px;background-size:2.223vw auto;}
.mainCon03 img{width:100%;border-radius:10px;}
.mainCon03 > div .titBox{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}

.mainCon04 {position:relative; background:#1a1a1a url(../images/renew/mainCon04_bg.jpg) no-repeat top center / cover;text-align:center;padding:41.3889vw 0 43.0555vw;}
.mainCon04 .btn {margin-top:41px;}
.mainCon04 .txt01{font-family:'GmarketSans';font-weight:500;font-size:3.33334vw;letter-spacing:-0.075em;color:#fff;}
.mainCon04 .txt01 strong{font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#c0c0c0;}
.mainCon04 dl dt{font-family:'GmarketSans';font-weight:700;font-size:6.66666vw;line-height:1.2085;letter-spacing:-0.05em;color:#fff;margin:13px 0 4px;}
.mainCon04 dl dt span{color:#f6ab00;}
.mainCon04 dl dd{font-family:'pretendard';font-size:2.5vw;line-height:1.334;font-weight:400;color:#fff;letter-spacing:-0.075em;}
.mainCon04 dl dd strong{font-weight:700;line-height:1;background:#42403f;padding:2px 3px;display:inline-block;}
.mainCon04 .btn a{padding:2.15vw 15vw;display:inline-flex;align-items:center;justify-content:center;font-size:3.33334vw;color:#fff;font-family:'pretendard';font-weight:900;letter-spacing:-0.075em;text-align:center;border-radius:22px;border:2px solid #f6ab00;margin:0 auto;box-sizing:border-box;}
.mainCon04 .btn a:after{width:2.5vw;height:18px;background:url(../images/renew/arrow_bold.png) no-repeat center; background-size:2.5vw auto;content:'';display:inline-block;margin:-1px 0 0 1.667vw;vertical-align:1px;}

.howTit{font-family:'GmarketSans';font-size:10vw;padding:9.3055vw 0 7.9167vw;background:#f6ab00;color:#191919;position:relative;z-index:1;letter-spacing:-0.025em;font-weight:500;text-align:center;}
.howTit:before{width:100vw;height:100%;background:inherit;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}

.howList{margin-top:16.25vw;}
.howList li{margin:0 33px;font-family:'pretendard';}
.howList li h5{font-family:'GmarketSans';font-size:5vw;line-height:1.278;letter-spacing:-0.075em;color:#fff;font-weight:500;}
.howList li h5 strong{color:#f6ab00;font-weight:700;white-space:nowrap;}
.howList li .imgBox{margin:3.6111vw 0 5.8333vw;}
.howList li .imgBox img{width:42.51% !important;max-width:278px;}
.howList li:nth-child(n+2){margin-top:14.3055vw;}
.howList li dl dt{font-size:3.88889vw;font-weight:700;letter-spacing:-0.07em;color:#fff;margin-bottom:4px;line-height:1.3577;}
.howList li dl dd{font-size:3.33334vw;line-height:1.417;letter-spacing:-0.07em;color:#bfbfbf}

.common_con01{font-family:'pretendard';letter-spacing:-0.1074em;color:#191919;background:#fff url(../images/renew/common_con01_bg.jpg) no-repeat right bottom / contain;padding:24.0278vw 0 34.3056vw;}
.common_con01 dl{padding:0 11.113%;}
.common_con01 dl dt{font-size:5.55555vw;font-weight:500;line-height:1.2;letter-spacing:-0.07em;}
.common_con01 dl dt:before{width:16px;height:16px;background:#f6ab00;display:block;content:'';border-radius:50%;margin-bottom:9px;}
.common_con01 dl dt p{font-weight:900;position:relative;display:inline-block;z-index:1;}
.common_con01 dl dt p:before{width:calc(100% + 20px);height:50%;background:#fef5e0;position:absolute;left:-10px;top:50%;transform:translateY(-50%);content:'';z-index:-1;}
.common_con01 dl dd p{font-size:3.33334vw;line-height:1.2085;margin-top:40px;}
.common_con01 dl dd p:first-child{margin-top:26px;}
.common_con01 dl dd strong{font-size:4.44445vw;font-weight:900;line-height:1;display:inline-block;padding:3px 4px;background:#fef5e0;border-radius:7px;margin-top:40px;letter-spacing:-0.0722em;}

.common_con02{padding:33.0555vw 0 35.6945vw;background:#f8f8f8;font-family:'pretendard';text-align:center;color:#191919;font-weight:500;}
.common_con02 .imgBox{margin:44px 0 19px;}
.common_con02 .imgBox img{width:38.612% !important;max-width:278px;}
.common_con02 p{font-size:3.33334vw;font-weight:500;line-height:1.417;letter-spacing:-0.075em;}
.common_con02 strong{display:inline-block;font-size:5.55555vw;letter-spacing:-0.075em;}
.common_con02 .txt01 p + p{margin-top:4.7222vw;}
.common_con02 .txt01 strong{padding:1.5px 3px;border-radius:7px;background:#f6ab00;margin-top:40px;line-height:1;}
.common_con02 .txt02 strong{position:relative;margin-top:5.1389vw;font-weight:900;z-index:1;}
.common_con02 .txt02 strong:before{width:calc(100% + 18px);height:89.59%;background:#f8efda;position:absolute;left:-8px;top:2.5vw;content:'';z-index:-1;border-radius:7px;}

.payment_01{ position:relative; background:#000 url(../images/renew/payment_01_bg.jpg) no-repeat top center / cover; text-align:center;padding:63.8889vw 0;}
.payment_01 .txt01{font-weight:500;font-family:'GmarketSans';letter-spacing:-0.075em;font-size:5.55555vw;color:#f6ab00;margin-bottom:6px;}
.payment_01 dl{padding:0 16.89%;}
.payment_01 dl dt{font-weight:700;font-family:'GmarketSans';letter-spacing:-0.032em;font-size:11.25vw;color:#fff;}
.payment_01 dl dd{font-family:'pretendard';}
.payment_01 dl dd .lineBox{line-height:2.0375;margin:12px 0 24px;border:2px solid #666;color:#fff;font-size:3.75vw;letter-spacing:-0.075em;}
.payment_01 dl dd .price{display:flex;align-items:center;justify-content:space-between;color:#f6ab00;font-size:7.5vw;letter-spacing:-0.025em;font-weight:700;}
.payment_01 dl dd .price p > span{color:#bfbfbf;font-size:4.30556vw;letter-spacing:-0.075em;font-weight:400;margin-left:5px;vertical-align:3px;} 
.payment_01 dl dd .price > a{display:flex;align-items:center;justify-content:center;font-size:3.75vw;font-weight:900;letter-spacing:-0.075em;color:#191919;background:#fff;border-radius:30px;padding:1.6667vw 1.8055vw 1.6667vw 2.7778vw;box-sizing: border-box;}
.payment_01 dl dd .price > a em{padding:1.113vw 0.76vw;text-align:center;margin-left:1.9445vw;font-size:2.77778vw;letter-spacing:-0.025em;color:#fff;background:#f6ab00;border-radius:50%;font-style:normal;}
.payment_01 dl dd .btnBox{position:relative;}
.payment_01 dl dd .btnDiscount{display:block;text-align:left;font-size:2.91666vw;letter-spacing:-0.01em;color:#bfbfbf;margin-top:13px;}

.payment_02 {background:#f8f8f8;font-family:'pretendard';text-align:center;padding:60.8334vw 0 54.5834vw;}
.payment_02 dl dt{font-family:'GmarketSans';font-size:6.94445vw;color:#f6ab00;position:relative;margin-bottom:10vw;font-weight:500;letter-spacing:-0.075em;line-height:1.1557;}
.payment_02 dl dt:before{max-width:73px;max-height:48px;width:10.14vw;height:6.667vw;background:url(../images/renew/speaker_icon.png) no-repeat;background-size:10.14vw auto;content:'';display:block;margin:0 auto 18px;}
.payment_02 dl dt strong{font-weight:700;color:#f6ab00;}
.payment_02 dl dt p{font-size:5.55555vw;color:#1a1a1a}
.payment_02 dl dt p span{color:#f6ab00;font-weight:900;}
.payment_02 dl dd ul li{font-size:3.47222vw;font-weight:500;letter-spacing:-0.075em;}
.payment_02 dl dd ul li:before{max-width:35px;max-height:35px;width:4.863vw;height:4.863vw;background:url(../images/renew/check_icon.png) no-repeat;background-size:4.863vw auto;content:'';display:inline-block;margin-right:2.5vw;vertical-align:-1.2vw;}
.payment_02 dl dd ul li span{font-weight:900;color:#f6ab00;}
.payment_02 dl dd ul li:nth-child(n+2){margin-top:4.1666vw;}

.payment_05{font-family:'pretendard';background:#000 url(../images/renew/payment_05_bg.jpg) no-repeat center top / cover; padding:60.4166vw 0;text-align:center;}
.payment_05 dl{padding:0 9.028%;}
.payment_05 dl dt{font-family:'GmarketSans';font-size:7.08334vw;font-weight:500;color:#fff;letter-spacing:-0.075em;}
.payment_05 dl dt strong{font-weight:700;color:#f6ab00}
.payment_05 dl dd .txt01{font-size:3.88889vw;line-height:1.3575;color:#bfbfbf;margin:21px 0 48px;letter-spacing:-0.075em;}
.payment_05 dl dd .txt01 strong{color:#fff;font-weight:900;}
.payment_05 dl dd ol{display:inline-flex;justify-content:center;position:relative;}
.payment_05 dl dd ol:before{width:71%;height:120%;background:rgba(255,255,255,.1);position:absolute;left:-3.7%;top:-10%;content:'';border-radius:15px;}
.payment_05 dl dd ol li{font-size:2.77778vw;color:#fff;line-height:1.3;position:relative;z-index:1;}
.payment_05 dl dd ol li:before{width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;margin:9px 0 0 -5px;content:'';}
.payment_05 dl dd ol li:after{width:85px;height:2px;background:#fff;position:absolute;left:50%;top:50%;margin:13px 0 0 0;content:'';z-index:-1;}
.payment_05 dl dd ol li:nth-child(4) strong:after{width:15px;height:2px;background:#f6ab00;position:absolute;left:50%;top:50%;margin:13px 0 0 0;content:'';}
.payment_05 dl dd ol li:last-child:after{display:none;}
.payment_05 dl dd ol li strong{font-weight:700;letter-spacing:-0.075em;}
.payment_05 dl dd ol li p{margin-top:83px;letter-spacing:-0.075em;}
.payment_05 dl dd ol li:nth-child(2){margin-left:38px;}
.payment_05 dl dd ol li:nth-child(3){margin-left:22px;}
.payment_05 dl dd ol li:nth-child(4){margin-left:14px;}
.payment_05 dl dd ol li:nth-child(5){margin-left:18px;}
.payment_05 dl dd ol li:nth-child(6){margin-left:20px;}
.payment_05 dl dd ol li:nth-child(-n+4){color:#f6ab00;}
.payment_05 dl dd ol li:nth-child(-n+4):before{background:#f6ab00;}
.payment_05 dl dd ol li:nth-child(-n+3):after{background:#f6ab00;}

.payment_06{font-family:'pretendard';padding:44.4445vw 0 41.6666vw;text-align:center;}
.payment_06 dl dt{font-size:6.66666vw;color:#191919;line-height:1.2085;letter-spacing:-0.075em;}
.payment_06 dl dt span{position:relative;}
.payment_06 dl dt span:before{width:6px;height:6px;border-radius:50%;background:#1a1a1a;position:absolute;left:50%;top:-9px;margin-left:-4px;content:'';}
.payment_06 dl dt strong{font-weight:900;}
.payment_06 dl dt p{font-weight:500;position:relative;display:inline-block;z-index:1;}
.payment_06 dl dt p:before{width:calc(100% + 36px);height:74.15%;background:#f8efda;position:absolute;left:-17px;top:36.23%;content:'';z-index:-1;border-radius:7px;}
.payment_06 dl dd .imgBox{margin:66px 0 34px;}
.payment_06 dl dd .imgBox img{width:38.612% !important;max-width:278px;}
.payment_06 dl dd .txt01 p{font-size:3.33334vw;font-weight:500;letter-spacing:-0.075em;line-height:1.417;color:#191919;}
.payment_06 dl dd .txt01 p + p{margin-top:34px;}
.payment_06 dl dd .txt01 p strong{font-weight:900;line-height:1;padding:0 3px;background:#ffefcc;border-radius:7px;}

.payment_07{font-family:'pretendard';padding:26.3889vw 0;text-align:center;background:#1a1a1a;}
.payment_07 dl dt{font-family:'GmarketSans';font-size:6.66666vw;font-weight:500;color:#fff;line-height:1.271;letter-spacing:-0.075em;}
.payment_07 dl dt strong{font-weight:700;color:#f6ab00;}
.payment_07 dl dd .video{margin:60px auto 68px;width:68.335%;}
.payment_07 dl dd .video p{font-size:2.77778vw;letter-spacing:-0.025em;color:#bfbfbf;margin-top:30px;}
.payment_07 dl dd .video img{width:100%;}
.payment_07 dl dd .txt01{font-size:4.44445vw;line-height:1.3125;letter-spacing:-0.075em;color:#bfbfbf}
.payment_07 dl dd .txt01 strong{color:#fff;font-weight:700;}

.payment_08{font-family:'pretendard';background:#1a1a1a url(../images/renew/payment_08_bg.jpg) no-repeat center bottom / contain;text-align:center;padding-bottom:171px;}
.payment_08 .howList li:last-child{margin-left:20px;}

.payment_09{font-family:'pretendard';text-align:center;padding:21.9445vw 0 23.4722vw;}
.payment_09 .contTit{font-size:6.66666vw;font-weight:500;color:#191919;line-height:1.2085;margin-bottom:6.9445vw;letter-spacing:-0.075em;}
.payment_09 .contTit strong{font-weight:900;position:relative;z-index:1;}
.payment_09 .contTit strong:before{width:calc(100% + 16px);height:50%;background:#f8efda;position:absolute;left:-8px;top:50%;transform:translateY(-50%);content:'';z-index:-1;}
.payment_09 .howTit{color:#f6ab00;background:#f8f8f8;}
.payment_09 .howList li h5{color:#1a1a1a;}
.payment_09 .howList li dl dt{color:#1a1a1a;margin-bottom:2px;}
.payment_09 .howList li dl dd{line-height:1.5835;font-weight:500;}
.payment_09 .howList li .imgBox{margin-bottom:5.4167vw;}

.payment_10{font-family:'pretendard';background:#f6aa00 url(../images/renew/payment_10_bg.jpg) no-repeat center top / cover;text-align:center; padding:73.3334vw 0 74.3055vw;}
.payment_10 .contTit{font-family:'GmarketSans';font-weight:500;font-size:6.38889vw;color:#fff;line-height:1.3045;letter-spacing:-0.075em;}
.payment_10 .contTit strong{font-weight:700;}
.payment_10 a{display:inline-flex;align-items:center;justify-content:center;font-size:3.88889vw;letter-spacing:-0.09em;color:#191919;background:#fff;border-radius:30px;margin:32px auto 0;font-weight:500;padding:15px 106px;}
.payment_10 a strong{margin-left:0.6945vw;font-weight:900;}
.payment_10 a strong:after{max-width:13px;max-height:22px;width:1.806vw;height:3.056vw;background:url(../images/renew/arrow_b.png) no-repeat center;background-size:1.806vw auto;content:'';display:inline-block;margin-left:1.3889vw;vertical-align:-1px;}

#brandstory .common_con02{padding:21.8055vw 0;}
.brandstory_con01{font-family:'pretendard';background:#212121 url(../images/renew/brandstory_con01_bg.jpg) no-repeat center top / cover;padding:40vw 8.335%;}
.brandstory_con01 .txt{font-size:3.88889vw;color:#fff;letter-spacing:-0.075em;line-height:1.3575;}
.brandstory_con01 .txt.txt02{text-align:right;margin-top:7.5vw;}
.brandstory_con01 .txt strong{font-weight:700;}
.brandstory_con01 .txt03{font-size:5.55555vw;font-weight:700;color:#fff;letter-spacing:-0.075em;text-align:center;display:block;margin:14.8611vw 0 27.2222vw;position:relative;}
.brandstory_con01 .txt03:before{max-width:13px;max-height:84px;width:1.801vw;height:11.775vw;background:url(../images/renew/brandstory_con01_circle.png) no-repeat;background-size:1.801vw auto;position:absolute;left:50%;bottom:-22.0221vw;margin-left:-0.9005vw;content:'';}
.brandstory_con01 .txt04{font-size:3.33334vw;color:#fff;letter-spacing:-0.075em;text-align:center;}
.brandstory_con01 .txt04 strong{font-weight:700;}
.brandstory_con01 .txt05{font-family:'GmarketSans';font-weight:500;font-size:7.77778vw;color:#fff;letter-spacing:-0.075em;text-align:center;margin-top:1.939vw;}
.brandstory_con01 .txt05 strong{font-weight:700;}

.brandstory_con02{font-family:'pretendard';background:#1a1a1a;padding:21.52775vw 0 9.3055vw;color:#fff;text-align:center;}
.brandstory_con02 h3{font-size:5vw;letter-spacing:-0.075em;font-weight:500;}
.brandstory_con02 h4{font-size:5vw;letter-spacing:-0.075em;position:relative;padding:2.9166vw 0;font-weight:900;color:#1a1a1a;z-index:1;}
.brandstory_con02 h4:before{width:100vw;height:100%;background:#f6ab00;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.brandstory_con02 p{font-size:3.33334vw;letter-spacing:-0.075em;line-height:1.417;}
.brandstory_con02 .txt01{margin:3.75vw 0 2.0833vw;}
.brandstory_con02 .txt02{margin:2.2222vw 0 5.2778vw}
.brandstory_con02 ol{display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;padding:0 20vw}
.brandstory_con02 ol li{width:20.5vw;height:20.5vw;background:#313131;font-size:4.15513vw;color:#fff;letter-spacing:-0.075em;line-height:1.2032;border-radius:50%;margin:0 1.7361vw;display:flex;align-items:center;justify-content:center;font-weight:700;position:relative;}
.brandstory_con02 ol li:after{max-width:41px;max-height:41px;width:5.68vw;height:5.68vw;background:url(../images/renew/arrow_y.png) no-repeat;background-size:5.68vw auto;position:absolute;right:-4.5706vw;top:50%;transform:translateY(-50%);content:'';z-index:1;}
.brandstory_con02 ol li:nth-child(2):after{transform:rotate(135deg);right:19.3055vw;top:19.2521vw;}
.brandstory_con02 ol li:last-child:after{display:none;}
.brandstory_con02 ol li:nth-child(n+3){margin-top:24px;}

.brandstory_con03{font-family:'pretendard';background:#f8f8f8;padding:6.5278vw 0 21.9445vw;color:#fff;text-align:center;}
.brandstory_con03 p{font-size:3.33334vw;color:#1a1a1a;font-weight:500;letter-spacing:-0.075em;line-height:1.417;}
.brandstory_con03 .txt01 span{position:relative;z-index:1;}
.brandstory_con03 .txt01 span:before{width:calc(100% + 6px);height:69%;background:#f8efda;position:absolute;left:-3px;top:41.4%;content:'';z-index:-1;}
.brandstory_con03 .txt01 span strong{font-weight:900;}
.brandstory_con03 .txt02{margin-top:5.6945vw;line-height:1.5;}
.brandstory_con03 .txt02 strong{font-size:3.88889vw;font-weight:900;color:#f6ab00;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px;}

.brandstory_con06{font-family:'pretendard';padding:21.3889vw 0 10.5556vw;text-align:center;background:#fff;}
.brandstory_con06 .contTit{font-size:5.55555vw;letter-spacing:-0.075em;color:#191919;font-weight:500;}
.brandstory_con06 .contTit strong{font-weight:900;}
.brandstory_con06 ul{display:flex;justify-content:center;margin-top:9.4445vw;padding:0 5.556%;}
.brandstory_con06 ul li{margin:0 4px;}
.brandstory_con06 ul li dl dt{font-size:4.15513vw;letter-spacing:-0.075em;color:#191919;font-weight:900;margin-bottom:14px;}
.brandstory_con06 ul li dl dd{border-radius:32px;border:1px solid #bfbfbf;background:#fff;overflow: hidden;padding-bottom:30px;}
.brandstory_con06 ul li dl dd p img{width:100%;}
.brandstory_con06 ul li dl dd .txt01{font-size:3.19445vw;font-weight:500;line-height:1.3915;letter-spacing:-0.075em;color:#191919;margin:22px 0 3px;}
.brandstory_con06 ul li dl dd .txt01 strong{font-weight:900;}
.brandstory_con06 ul li dl dd .txt02{font-size:2.36111vw;font-weight:500;letter-spacing:-0.075em;color:#999;}

.brandstory_con07{font-family:'pretendard';padding:5.6945vw 0 21.25vw;text-align:center;background:#f8f8f8;color:#191919;}
.brandstory_con07 p{font-size:3.33334vw;line-height:1.417;letter-spacing:-0.075em;font-weight:500;}
.brandstory_con07 .txt01{line-height:2.0835;}
.brandstory_con07 .contTit{line-height:1;font-size:5.55555vw;font-weight:500;letter-spacing:-0.075em;padding:2px 6px;background:#f8efda;border-radius:7px;display:inline-block;margin-top:-3px;}
.brandstory_con07 .contTit strong{font-weight:900;}
.brandstory_con07 .imgBox{width:88.89%;max-width:640px;margin:4.4445vw auto 2.3611vw;}
.brandstory_con07 .imgBox img{width:100%;}
.brandstory_con07 .txt02{margin-bottom:4.8611vw;}
.brandstory_con07 .txt02 strong{font-weight:900;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;color:#f6ab00;}
.brandstory_con07 .txt03{margin-bottom:6.25vw;}
.brandstory_con07 .txt03 strong{font-weight:900;line-height:1;padding:0 3px;background:#f8efda;}
.brandstory_con07 dl dt{font-size:5.55555vw;font-weight:500;letter-spacing:-0.075em;}
.brandstory_con07 dl dt strong{font-weight:900;}
.brandstory_con07 dl dd .vs{display:flex;align-items:center;justify-content:center;font-size:5.55555vw;font-weight:500;margin:2.0833vw 0 5.1389vw;}
.brandstory_con07 dl dd .vs span{padding:1.6667vw 5.6945vw;display:flex;align-items:center;justify-content:center;background:#e6e6e6;border-radius:35px;}
.brandstory_con07 dl dd .vs span strong{font-weight:900;}
.brandstory_con07 dl dd .vs em{font-style:normal;margin:0 3.0555vw}
.brandstory_con07 dl dd p strong{position:relative;z-index:1;font-weight:900;}
.brandstory_con07 dl dd p strong:before{width:calc(100% + 16px);height:79.35%;background:#f8efda;position:absolute;left:-8px;top:41.4%;content:'';z-index:-1;}

.brandstory_con08{font-family:'pretendard';background:#212021 url(../images/renew/brandstory_con08_bg.jpg) no-repeat center top / cover; text-align:center;padding:21.3889vw 0 20.2778vw;}
.brandstory_con08 p{font-size:3.33334vw;letter-spacing:-0.075em;color:#fff;}
.brandstory_con08 .txt01{color:#c0c0c0;line-height:1.417;}
.brandstory_con08 .txt02{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;font-weight:700;margin:5.2778vw 0 5.5556vw;}
.brandstory_con08 .txtBox h3{font-weight:700;font-size:5.55555vw;letter-spacing:-0.075em;color:#f6ab00;position:relative;z-index:1;display:inline-block;margin:0.5278vw 0 25.4166vw;}
.brandstory_con08 .txtBox h3:before{width:calc(100% + 22px);height:89.59%;background:rgba(255,255,255,.1);position:absolute;left:-11px;top:31.25%;content:'';z-index:-1;border-radius:7px;}
.brandstory_con08 .txtBox h3:after{max-width:13px;max-height:84px;width:1.801vw;height:11.775vw;background:url(../images/renew/brandstory_con01_circle.png) no-repeat;background-size:1.801vw auto;position:absolute;left:50%;bottom:-19.0278vw;margin-left:-0.9005vw;content:'';}
.brandstory_con08 .txtBox .txt05{font-size:7.777775vw;font-family:'GmarketSans';font-weight:500;line-height:1.1786;margin-top:17px;}
.brandstory_con08 .txtBox .txt05 strong{font-weight:700;color:#f6ab00;}

/* 수강신청_240614 */
.freemonth_con01{font-family:'pretendard';background:#1e1e1e url(../images/renew/freemonth_con01_bg.jpg) no-repeat center top / cover;text-align:center;color:#fff;padding:31.4763vw 0 9.4445vw;}
.freemonth_con01 .contTit{font-family:'GmarketSans';font-weight:700;font-size:8.75vw;line-height:1.2065;letter-spacing:-0.05em;margin:2.0833vw 0 0;}
.freemonth_con01 .txt01{font-family:'GmarketSans';font-size:4.30556vw;letter-spacing:-0.07em;font-weight:500;}
.freemonth_con01 .txt02{font-size:5.13889vw;letter-spacing:-0.075em;font-weight:700;margin:1.8055vw 0 2.5vw;display:flex;align-items:center;justify-content:center;}
.freemonth_con01 .txt02 span{font-size:8.75vw;font-weight:700;color:#f6ab00;letter-spacing:0.01em;display:inline-block;padding:0.5px 4.5px;border-radius:0.972222vw;background:#fff;margin:0 10px 0 11px;}
.freemonth_con01 .txt03{color:#bfbfbf;font-size:3.33334vw;line-height:1.313;letter-spacing:-0.08em;}
.freemonth_con01 .txt03 strong{color:#fff;font-weight:700;}
.freemonth_con01 .btn{margin-top:6.5278vw;}
.freemonth_con01 .btn a{display:flex;align-items:center;justify-content:center;width:65.557%;padding:2.487% 0 ;font-size:4.30556vw;color:#fff;font-family:'pretendard';font-weight:900;letter-spacing:-0.075em;text-align:center;border-radius:4.16667vw;margin:0 auto;box-sizing:border-box;position:relative;background:linear-gradient(to right, #f6ab1d, #f67a1c)}
.freemonth_con01 .btn a:after{width:5.1%;height:33%;background:url(../images/renew/arrow_bold2.png) no-repeat center right / 100% auto;content:'';position:absolute;right:5.95%;top:50%;margin-top:-2.125%;}

.freemonth_con02{font-family:'pretendard';padding:4.8611vw 0;background:#262626;}
.freemonth_con02 ul{display:flex;justify-content:center;}
.freemonth_con02 ul li{width:46.945%;color:#fff;text-align:center;padding:5.99% 0 6.13%;}
.freemonth_con02 ul li:nth-child(n+2){background:url(../images/renew/dotted_bg.gif)repeat-y left top;}
.freemonth_con02 ul li dl dt{font-family:'GmarketSans';font-size:4.44445vw;font-weight:500;letter-spacing:-0.075em;}
.freemonth_con02 ul li dl dd {font-size:3.33334vw;line-height:1.421;letter-spacing:-0.075em;}
.freemonth_con02 ul li dl dd .imgBox{margin:23px 0 15px;}
.freemonth_con02 ul li dl dd .imgBox img{width:27.22%;}

/* 회원가입_240614 */
#contents.main.newMember.bridge{padding-top:0;}
#contents.main.newMember.bridge .anchor.login{background:#212121 url(../images/renew/bridge_bg.jpg)no-repeat center top / 100% auto;padding:48.0556vw 0 51.3889vw;}
#contents.main.newMember.bridge .anchor.login .cont .insert{width:69.885%;margin:0 auto;padding-right:0;}
#contents.newMember.bridge .txt01{font-family:'GmarketSans';font-weight:500;font-size:4.30556vw;letter-spacing:-0.07em;text-align:center;color:#fff;}
#contents.newMember.bridge .contTit{font-family:'GmarketSans';font-weight:700;font-size:8.75vw;letter-spacing:-0.05em;color:#fff;text-align:center;margin-top:16px;}
#contents.main.newMember .existingLogin{text-align:center;margin-top:3.4722vw;}
#contents.main.newMember .existingLogin a{font-size:2.77778vw;font-weight:400;color:#fff;letter-spacing:-0.075em;padding-bottom:2px;font-family:'pretendard';text-decoration:underline;text-underline-offset:3px;}
#contents.main.newMember .kakaoLogin{width:100%;padding:3.97% 0 3.9%;display:flex;align-items:flex-start;justify-content:center;background-color:#fedc00;margin-top:86px;}
#contents.main.newMember .kakaoLogin a{width:100%;color:#381f1e;font-weight:500;letter-spacing:-0.075em;font-size:3.05555vw;display:block;text-align:center;font-family:'pretendard';}
#contents.main.newMember .kakaoLogin a img{width:4.604%;margin-right:1.257%;vertical-align:-0.555555vw;}
#contents.main.newMember .basicLogin{width:100%;padding:3.97% 0 3.9%;display:flex;align-items:flex-start;justify-content:center;background-color:#fff;margin-top:15px;border:1px solid #ddd;box-sizing:border-box;}
#contents.main.newMember .basicLogin a{width:100%;color:#666;font-weight:500;letter-spacing:-0.075em;font-size:3.05555vw;display:block;text-align:center;font-family:'pretendard';}
#contents.main.newMember .basicLogin a img{width:4.604%;vertical-align:-0.555555vw;}

/* 가입완료_240614 */
#contents.finish_new .finishTop{background:#1d1d1d url(../images/renew/finish_bg.jpg)no-repeat center top / 100% auto;padding:30.6945vw 0 9.034vw;box-sizing:border-box;}
#contents.finish_new{width:100%;text-align:center;font-family:'pretendard';color:#fff;padding-top:0;}
#contents.finish_new .contTit{font-family:'GmarketSans';font-weight:700;font-size:11.388885vw;letter-spacing:-0.05em;}
#contents.finish_new .txt01{font-family:'GmarketSans';font-weight:700;font-size:4.30556vw;letter-spacing:-0.075em;margin-top:-7px;}
#contents.finish_new .txt02{font-weight:700;font-size:4.44445vw;letter-spacing:-0.075em;}
#contents.finish_new .txt03{font-family:'GmarketSans';font-weight:500;font-size:3.05555vw;letter-spacing:-0.075em;line-height:1.455;}
#contents.finish_new .finishBottom{background:#262626;padding:6.5278vw 0 15vw;}
#contents.finish_new .finishBottom .btn{margin:3.89% 0 0;}
#contents.finish_new .finishBottom .btn p{line-height:1.778;font-size:2.5vw;letter-spacing:-0.075em;color:#ccc;margin-top:4.167%;}
#contents.finish_new .finishBottom a{display:block;width:68.474%;padding:2.5% 0 2.432%;font-size:3.33334vw;color:#fff;font-family:'pretendard';font-weight:700;letter-spacing:-0.075em;text-align:center;border-radius:4.44445vw;margin:0 auto;box-sizing:border-box;position:relative;background:#3c3c3c;}
#contents.finish_new .finishBottom a.app_down_android:after{width:12.984%;height:100%;background:#f6ab00 url(../images/renew/arrow_bold.png) no-repeat center / 28% auto;content:'';position:absolute;right:0;top:0;border-radius:50%;}
#contents.finish_new .finishBottom a span{width:100%;height:100%;position:relative;left:-4.057%;display:flex;align-items:center;justify-content:center;}
#contents.finish_new .finishBottom a.app_down_android span:after{width:5.275%;height:40.64%;background:url(../images/renew/my_icon.png) no-repeat center center / 100% auto;content:'';display:inline-block;margin-right:1.624%;}
#contents.finish_new .finishBottom a.app_down_android span:before{max-width:28px;max-height:2.085vw;width:3.89vw;height:15px;background:url(../images/renew/app_icon.png) no-repeat center center / 100% auto;content:'';display:inline-block;margin-right:1.3889vw;margin-bottom:0.4166vw;}

#contents.finish_new .finishBottom a.app_down_ios{padding:1.39% 0 1.57118%}
#contents.finish_new .finishBottom a.app_down_ios span{left:0;}
#contents.finish_new .finishBottom a.app_down_ios span:after{max-width:140px;max-height:43px;width:28.4%;height:5.974vw;background:url(../images/renew/app_store_logo.png) no-repeat center center / 100% auto;content:'';display:inline-block;margin-left:0.9722vw;}

#contents.finish_new .finishBottom a:nth-child(n+2){margin-top:2.2222vw;}

#contents.finish_new .imgBox img{width:68.334%;}
#contents.finish_new .imgBox{margin:10.695% 0 3.057%;}

@media screen and (max-width: 501px) { 
#contents{padding:63px 0 0;}
#siteMenu{top:76px;}

#header .hedaerTop{padding:20px 0;}
#header .hedaerTop h1 img{width:100px;}

#header .hedaerTop .right .Btn_sitemenu{margin-left:12px;}
#header .hedaerTop .right .Btn_sitemenu img{width:20px;}
#header .hedaerTop .right ul li:nth-child(n+2){margin-left:14px;}
#header .headerTab li > a{line-height:47.85px;}
#header .headerTab li #sub_menu{bottom:-58px;}
#header .headerTab li #sub_menu a{line-height:58px;}


.mainCon01 dl dt span{text-underline-offset:10px;}

.mainCon02 dl dt:before{width:35px;background-size:35px auto;}
.mainCon02 .vodimg{margin-top:42px;}

.mainCon03 .vod{margin-bottom:20px;}
.mainCon03 .more{border-radius:7px;}
.mainCon03 .more a{padding:8px 14px;}
.mainCon03 > div .titBox{margin-bottom:14px;}


.mainCon04 dl dt{margin:8px 0;}
.mainCon04 .txt01 strong{text-underline-offset:4px;}

.common_con01 dl dt:before{width:10px;height:10px;}
.common_con01 dl dd p{margin-top:26.6px;}
.common_con01 dl dd p:first-child{margin-top:17.3px;}

.common_con02 .txt01 strong{border-radius:3px;}

.payment_01 dl dd .lineBox{margin-bottom:18px;}

.payment_05 dl dd .txt01{margin-bottom:35px;}
.payment_05 dl dd ol li p{margin-top:55px;}
.payment_05 dl dd ol li:before{margin:0px 0 0 -5px}
.payment_05 dl dd ol li:after{margin:4px 0 0 0;}
.payment_05 dl dd ol li:nth-child(4) strong:after{margin:4px 0 0 0;}

.payment_06 dl dd .imgBox{margin:44px 0 22px;}
.payment_06 dl dd .txt01 p + p{margin-top:22px;}
.payment_06 dl dt span:before{width:4px;height:4px;}

.payment_07 dl dd .video{margin:40px auto 44px;}
.payment_07 dl dd .video p{margin-top:20px;}

.brandstory_con03 .txt02 strong{text-underline-offset:4px;}

.brandstory_con06 ul li dl dd{border-radius:20px;padding-bottom:20px;}
.brandstory_con06 ul li dl dd .txt01{margin:14px 0 1px;}

.brandstory_con08 .txtBox h3:before{border-radius:4px;}


/* 수강신청_240614 */
.freemonth_con01 .contTit{margin:10px 0 0;}
.freemonth_con01 .txt02{margin:8.6px 0 12px;}
.freemonth_con01 .btn{margin-top:31.3px;}
.freemonth_con01 .txt02 span{margin:0 6px 0 7px;padding:0.3px 3px;}
.freemonth_con02 ul li dl dd .imgBox{margin:15px 0 10px;}

/* 회원가입_240614 */
#contents.newMember.bridge .contTit{margin-top:10px;}
#contents.main.newMember .kakaoLogin{margin-top:57px;}
#contents.main.newMember .basicLogin{margin-top:10px;}
#contents.main.newMember .existingLogin{margin-top:16px;}
#contents.main.newMember .kakaoLogin a img{margin-right:4px;}

/* 가입완료_240614 */
#contents.finish_new .txt01{margin-top:-4px;}
#contents.finish_new .imgBox{margin:28px 0 12.6px;}
#contents.finish_new .finishBottom .btn{margin:30px 0 0;}
#contents.finish_new .finishBottom .btn p{margin-top:20px;}

#footer180810 .footerTop{padding:40px 26px 37px;}
#footer180810 .sns{margin-top:26px;}
#footer180810 .sitemenu{margin-bottom:42px;}
#footer180810 .yt a {;padding-top:35px;}


}