@charset "utf-8";

@import url('pretendard.css');


* { box-sizing: border-box; padding: 0; margin: 0;}
html{ font-size: 16px;}
body { width: 100%; height: 100%; /*font-family: Noto Sans KR;*/ font-family: 'Pretendard', serif;font-weight: 400; line-height: 1.750rem; letter-spacing: -1px; word-break: keep-all; word-wrap: break-word; color: #191919; }
.content{ position: relative; max-width: 720px; margin: 0 auto; padding: 0 0; }
.web {  }
.tab { display: none; }
.mob { display: none; }
.tab_all { display: none; }
@media (max-width:960px) {
	.web { display: none; }
	.tab { display: block; }
	.tab_all { display: block; }
	.mob { display: none; }
}

h1, .h1{ margin: 0; padding: 0; font-size: 1.750rem; } /* 28px */
h2, .h2{ margin: 0; padding: 0; font-size: 1.625rem; } /* 26px */
h3, .h3{ margin: 0; padding: 0; font-size: 1.500rem; } /* 24px */
h4, .h4{ margin: 0; padding: 0; font-size: 1.375rem; } /* 22px */
h5, .h5{ margin: 0; padding: 0; font-size: 1.250rem; } /* 20px */
h6, .h6{ margin: 0; padding: 0; font-size: 1.125rem; } /* 18px */
h7, .h7{ margin: 0; padding: 0; font-size: 1.000rem; } /* 16px */
h8, .h8{ margin: 0; padding: 0; font-size: 0.875rem; } /* 14px */
h9, .h9{ margin: 0; padding: 0; font-size: 0.750rem; } /* 12px */
.s_tt { font-size: 0.687rem; } /* 11px */

@media (max-width:720px) {
	html { font-size:18px; }
	.web { display: none; }
	.tab { display: none; }
	.mob { display: block; }

/*	h1, .h1{ margin: 0; padding: 0; font-size: 2.000rem; } !* 28px *!
	h2, .h2{ margin: 0; padding: 0; font-size: 1.857rem; } !* 26px *!
	h3, .h3{ margin: 0; padding: 0; font-size: 1.714rem; } !* 24px *!
	h4, .h4{ margin: 0; padding: 0; font-size: 1.571rem; } !* 22px *!
	h5, .h5{ margin: 0; padding: 0; font-size: 1.428rem; } !* 20px *!
	h6, .h6{ margin: 0; padding: 0; font-size: 1.285rem; } !* 18px *!
	h7, .h7{ margin: 0; padding: 0; font-size: 1.142rem; } !* 14px *!
	h8, .h8{ margin: 0; padding: 0; font-size: 1.000rem; } !* 14px *!
	h9, .h9{ margin: 0; padding: 0; font-size: 0.857rem; } !* 12px *!
	.s_tt { font-size: 0.785rem; } 						   !* 11px *!*/

	h1, .h1{ margin: 0; padding: 0; font-size: 1.857rem; } /* 26px */
	h2, .h2{ margin: 0; padding: 0; font-size: 1.714rem; } /* 24px */
	h3, .h3{ margin: 0; padding: 0; font-size: 1.571rem; } /* 22px */
	h4, .h4{ margin: 0; padding: 0; font-size: 1.428rem; } /* 20px */
	h5, .h5{ margin: 0; padding: 0; font-size: 1.285rem; } /* 18px */
	h6, .h6{ margin: 0; padding: 0; font-size: 1.142rem; } /* 14px */
	h7, .h7{ margin: 0; padding: 0; font-size: 1.000rem; } /* 14px */
	h8, .h8{ margin: 0; padding: 0; font-size: 0.857rem; } /* 12px */
	h9, .h9{ margin: 0; padding: 0; font-size: 0.714rem; } /* 10px */
	.s_tt { font-size: 0.6425rem; } 	/* 09px */
}

@media (max-width:480px){
	html {font-size:13px;}
	.web { display: none; }
	.tab { display: none; }
	.mob { display: block; }

	h1, .h1{ margin: 0; padding: 0; font-size: 1.857rem; } /* 26px */
	h2, .h2{ margin: 0; padding: 0; font-size: 1.714rem; } /* 24px */
	h3, .h3{ margin: 0; padding: 0; font-size: 1.571rem; } /* 22px */
	h4, .h4{ margin: 0; padding: 0; font-size: 1.428rem; } /* 20px */
	h5, .h5{ margin: 0; padding: 0; font-size: 1.285rem; } /* 18px */
	h6, .h6{ margin: 0; padding: 0; font-size: 1.142rem; } /* 14px */
	h7, .h7{ margin: 0; padding: 0; font-size: 1.000rem; } /* 14px */
	h8, .h8{ margin: 0; padding: 0; font-size: 0.857rem; } /* 12px */
	h9, .h9{ margin: 0; padding: 0; font-size: 0.714rem; } /* 10px */
	.s_tt { font-size: 0.6425rem; } 	/* 09px */
}

/* margin */
.ftw_1 {font-weight: 100}
.ftw_2 {font-weight: 200}
.ftw_3 {font-weight: 300}
.ftw_4 {font-weight: 400}
.ftw_5 {font-weight: 500}
.ftw_6 {font-weight: 600}
.ftw_7 {font-weight: 700}
.ftw_8 {font-weight: 800}
.ftw_9 {font-weight: 900}


.txt_c_line {text-decoration: line-through;}

/* margin */
.title_mg_1 {margin-bottom: 0.5rem}
.title_mg_2 {margin-bottom: 1.0rem}
.title_mg_3 {margin-bottom: 1.5rem}
.title_mg_4 {margin-bottom: 2.0rem}

@media (max-width:720px) {
	.title_mg_1 {margin: 0.5rem 0}
	.title_mg_2 {margin: 1.0rem 0}
	.title_mg_3 {margin: 1.5rem 0}
	.title_mg_4 {margin: 2.0rem 0}
}

.mgt_1 {margin-top: 0.5rem }
.mgt_2 {margin-top: 1.0rem }
.mgt_3 {margin-top: 1.5rem }
.mgt_4 {margin-top: 2.0rem }

/*기준색*/
.ta_l {text-align: left; }
.ta_c {text-align: center; }
.ta_r {text-align: right; }

/*기준색*/
.red { color: #FF3131 !important; }
.green { color: #006934 !important; }
.blue { color: #3D56F9 !important; }
.gray { color: #555555 !important; }

.tc01 { color: #01954A !important; }
.tc02 { color: #707070 !important; }
.tc03 { color: #A8A8A8 !important; }

.bc01 { color: #fff !important; background: #01954A !important; }
.bc02 { color: #fff !important; background: #949191 !important; }
.bc03 { color: #fff !important; background: #FCAA04 !important; }
.bcRed { color: #fff !important; background: #FF3131 !important; }

.bt01 { color: #01954A !important; border: 1px solid #01954A !important; background: #fff !important; }

/* 로고 사이즈 */
.logo img {width: 9rem;}
@media (max-width:960px) {
	.logo img {width: 9rem;}
}
@media (max-width:720px) {
	.logo img {width: 9rem;}
}


/* 제목 타입 */
.subject1 { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.subject2 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5rem; min-height: 3rem; overflow: hidden; }
.subject3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5rem; min-height: 4.5rem; overflow: hidden; }
.subject4 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5rem; min-height: 6.0rem; overflow: hidden; }
.subject5 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5rem; min-height: 7.5rem; overflow: hidden; }


/* 팝업 */
.popup { display: none; }
.popup.on { display: block; }
.popup .dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 98;}

.popup .box_wrap {
	position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;
	width: 90vw; max-width: 370px; text-align: center; padding: 1rem; border-radius: 4px; background: #FFFFFF;z-index: 99;
}
.popup .bt_box button { border-radius: 4px; }
.popup .close_btn { position: absolute; top: 1.2rem; right: 1.250rem; z-index: 10; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #707070; cursor: pointer; }

.commonPopup .title { padding: 0.250rem 0 0 0; }
.commonPopup .con { padding: 1rem 0 2rem 0; }
.commonPopup .bt_box ul { margin: 0 -0.5rem; overflow: hidden; }
.commonPopup .bt_box li { float: left; width: 50%; padding: 0 0.5rem; }
.commonPopup .box_wrap{z-index: 1040;}
.commonPopup .dim{z-index: 1030;}

/*#siteLayerPopup{min-width: 500px;min-height: 300px;}*/
.popupWrap{width: 800px; background: #fff;}
.popupWrap .popupTitle{position: relative; padding: 20px 0; background: #01954A; color: #fff;text-align: center;}
.popupWrap .popupBody{position: relative; height: 500px; max-height: 80vh; overflow-y: scroll; padding: 2rem; background: #fff;}
.popupWrap .popupBody::-webkit-scrollbar{width: 5px; }
.popupWrap .popupBody::-webkit-scrollbar-thumb{background: #006934; border-radius: 2px; }

.popupWrap .popupBody .section { padding: 1rem 0 0 0; }
.popupWrap .popupBody .section h6 { padding: 0 0 0.2rem 0; }
.popupWrap .popupBody .section p  { padding: 0.5rem 0 0 0;}
.popupWrap .popupBody .section div  { padding: 0.5rem 0 0 0;}
.popupWrap .popupBody .section ul { padding: 0 0 0 0; }
.popupWrap .popupBody .section li { position: relative; padding: 0.5rem 0 0 1.25rem;}
.popupWrap .popupBody .section li span { position: absolute; left: 0; }
.popupWrap .popupBody .section .pdt1 {padding-top: 1rem; }

@media (max-width:960px) {
	.popupWrap{width: 80vw;}
	.popupWrap .popupBody{padding: 1.5rem};
	.product, .master {padding-top: 65px;}
  	.p_view .content .stickyBox {margin: 0px !important;}
}

@media (max-width:720px) {
	.popupWrap{width: 80vw;}
	.popupWrap .popupBody{padding: 1rem};
}

.pop01 .title { padding: 0.250rem 0 0 0; }
.pop01 .con { padding: 0.750rem 0 1.750rem 0; }

.pop02 .con { padding: 1rem 0 2rem 0; }
.pop02 .bt_box ul { margin: 0 -0.5rem; overflow: hidden; }
.pop02 .bt_box li { float: left; width: 50%; padding: 0 0.5rem; }

.pop03 .con { padding: 2.500rem 0 0 0; text-align: left; }
.pop03 .con ul { padding: 1rem 0 0 0; }
.pop03 .con p { position: relative; padding-left: 1.2rem; font-weight: 500; line-height: 1.5rem; }
.pop03 .con i { position: absolute; top: 5px; left: 0; }
.pop03 .con a { display: block; padding: 0.313rem 1rem; }

.pop04 .con { text-align: left; }
.pop04 .con p { padding-top: 1rem; line-height: 1.3rem; }
.pop04 .con ul { padding-top: 1rem; }
.pop04 .con li { position: relative; padding-left: 0.9rem; }
.pop04 .con li i { position: absolute; left: 0; }
@media (max-width:720px) {
	.popup .box_wrap { width: 95vw; max-width: 100%; }
	.pop04 .con { height: 320px; overflow-y: scroll; }
}

.pop05 .con { text-align: left; }
.pop05 .con p { padding-top: 1rem; line-height: 1.3rem; }
.pop05 .con ul { padding-top: 0.5rem; }
.pop05 .con li { position: relative; padding-left: 0.9rem; line-height: 1.3rem;}
.pop05 .con li i { position: absolute; left: 0; }

.pop06 .con img { width: auto; }
.pop06 .con ul {padding-top: 1rem; overflow: hidden; }
.pop06 .con li { float: left; width: 25%; padding: 1rem 0 0 0; }
.pop06 .con li p { padding: 0.5rem 0 0 0; }

/* 동영상팝업 */
.vod_pop { display: none; }
.vod_pop.on { display: block; }
.vod_pop .dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }

.vod_pop .box_wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
.vod_pop .con { width: 90vw; max-width: 1120px; }
.vod_pop .close_btn { position: absolute; top: -40px; right: 0; z-index: 10; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; background: rgba(0, 0, 0, 0.7); cursor: pointer; }

.vod_pop .video        { position: relative; padding-bottom: 56.25%; }
.vod_pop .video iframe { position: absolute; width: 100%; height: 100%; }

.tag span { display: inline-block; padding: 0 0.5rem; font-size: 0.7em; border-radius: 4px; line-height: 1.7em; letter-spacing: 0.02rem;}
.tag .camp_US { color: #fff; background: #016420; }
.tag .camp_815 { color: #fff; background: #ff001c; }
.tag .OT { color: #fff; background: #EC8206; }
.tag .VOD  { color: #fff; background: #016420; }
.tag .LIVE { color: #fff; background: #ff001c; }
.tag .FILE { color: #fff; background: #1a9cff; }
.tag .ONAIR { color: #fff; background: #ff001c; }


@media (max-width: 960px){
  .master,
  .board,
  .study,
  .product
  {
   padding-top:65px;
  }
}

@media (max-width: 960px){
   .study.paddingTop0
  {
   padding-top:0px;
  }
}

@media (max-width: 960px){
	.study .l_box.profile {
	    display: none;
	}
}