/* PC OPTION CSS */

/* header_start */
#header{ height:100px; position:absolute; line-height:100px; z-index:9999; border-bottom:solid 1px rgba(255,255,255,.15); }
#header > div > div { position: relative; }
#header > div > div > ul{ width: auto; float: right; }
#header > div > div > .logo { position: absolute; left: 0; }
#header > div > div > .logo li{ float:left;  }
#header > div > div > .logo li > div{ float:left; cursor:pointer; }
#header > div > div > .logo li > .logo_img{ width: 25%; }
#header > div > div > .logo li > .logo_img > img{ width:100%; }
#header > div > div > .logo li > .logo_text{  line-height:20px; padding:29px 0 29px 5px; }
#header > div > div > .logo li > .logo_text > .logo_subtitle{ font-size:13px; font-weight:500; padding-left:5px; letter-spacing:-2px; }
#header > div > div > .logo li > .logo_text > .logo_subtitle > img{ width:14px; }
#header > div > div > .logo li > .logo_text > .logo_subtitle > .logo_subtitle_purple{ color:#a81e5a; }
#header > div > div > .logo li > .logo_text > .logo_subtitle > .logo_subtitle_gray{ color:#fff; /*hover 시 - color:#6f6f71;*/ }
#header > div > div > .logo li > .logo_text > .logo_maintitle{ font-size:25px;  font-weight: 700; letter-spacing:-3px; color:#fff; }
#header > div > div > .logo img{ vertical-align: middle; cursor:pointer; transition:all .5s ease-in-out; }
#header > div > div > .menu > li{ float:left; width: auto; text-align: center; padding: 0 30px; font-size: 18px; font-weight: 500px; cursor: pointer; }
#header > div > div > .menu{ width: auto; position:relative; z-index:999; color:#fff; }
#header > div > div > .menu > li > ul{ overflow:hidden; height:0; padding-top:20px; transition:all .5s ease-in-out; }
#header > div > div > .menu > li > ul > li{ line-height:35px; color:#fff; font-size:15px; font-weight:normal; cursor:pointer; }
#header > div > div > .menu > li > ul > li:hover{ font-weight:700; }
#header > div > div > .menu > li:hover > p{ border-bottom:solid 2px #e34233; }
#header > div > div > .menu:hover > li > ul{ height:210px; }
#header > div > div > .menu > li:hover > ul > li:first-child{ margin-top:-2px; }
#header > div > div > .dropDownMenu{ width:100%; left:0; top:100px; height:0; position:absolute; background:rgba(0,0,0,0.75); overflow:hidden; transition:all .5s ease-in-out; float:left; z-index:998; }
#header > div > div > .header_icon{ width:7%; padding-top:25px; }
#header .header_icon > li{ float:right; width:50px; height:50px; border-radius: 50%; background:#84214c; position:relative; cursor:pointer; }
#header .header_icon > li > i{ font-size: 22px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; }
/* header_end */

/* visual_start */
#visual{ height:800px; position:relative; overflow:hidden; }
#visual > div{ height:100%; }
#visual > div > div{ height:100%; }
#visual .visual_slide{ width:100%; height:100%; }
#visual .visual_slide > li{ position:absolute; z-index:100; width:100%; height:100%; left:0; top:0; background-size:cover; color:white; text-align:center; opacity:0; }
#visual .visual_slide > li > img{ width:100%; height:100%; object-fit:cover; }

#visual .visual_text{ padding-top:330px; position:absolute; width:1200px; z-index:199; top:0; }
#visual .visual_text > div { float:left; width:100%; position:absolute; opacity:0; }
#visual .visual_text > div > li{ display:inline-block; }
#visual .visual_text > div > li > img{ width:100%; }
#visual .visual_text .visual_subtitle{ font-size:29.45px; font-weight:500; }

#visual .visual_pos{ z-index:300; position:absolute; bottom:145px; left:0; right:0; text-align:center; }
#visual .visual_pos > li > label{ width:16px; height:16px; border-radius:50%; background:rgba(255,255,255,0.5); display:inline-block; transition:all .3s ease-in-out; }
#visual .visual_pos > li > label[for="pos1"]{ width:30px; border-radius:20px; background:#fff; }
#visual .visual_pos > li > label[for="pos2"]{ margin:0 5px; }
/* visual_end */

/* 팝업영역 */
.popupViewBox { position: absolute; width: 500px; background-color: #FFF; left: 0; top: 0; z-index: 99999; overflow: hidden; }
.popupViewBox > .conWrap { width: 100%; float: left; }
.popupViewBox > .conWrap img { max-width: 100%; }
.popupViewBox > .btnWrap { width: 100%; float: left; background-color: #333; padding: 5px 10px; }
.popupViewBox > .btnWrap > a { height: 23px; line-height: 23px; font-size: 12px; color: #FFF; font-weight: 500; }
.popupViewBox > .btnWrap > a.left { float: left; opacity: 0.6; }
.popupViewBox > .btnWrap > a.right { float: right; }

/* menuSlide_start */
#menuSlide{ padding:100px 0; }
#menuSlide > div{ position:relative; padding:0 20px; margin-top:-200px; z-index:999; overflow:hidden; }
#menuSlide > div > div{ overflow:hidden; }
#menuSlide > div > div > ul{ float:left; width:100%; }
#menuSlide > div > div > .menuSlide_slider{ float:left; width:100%; }
#menuSlide > div > div > .menuSlide_slider > li{ float:left; filter:grayscale(100%); transition:all .5s ease-in-out; }
#menuSlide > div > div > .menuSlide_slider > li > div{ width:100%; position:relative; height: 300px; overflow: hidden; padding:0 10px; }
#menuSlide > div > div > .menuSlide_slider > li > div > img{ width:100%; height:100%; object-fit:cover; }
#menuSlide > div > div > .menuSlide_slider > li > div > ul{ position:absolute; height:70px; bottom:-5px; z-index:999; width:100%; left:0; padding:0 10px; }
#menuSlide > div > div > .menuSlide_slider > li > div > ul > li{ height:100%; width:100%; background:rgba(0,0,0,0.8); }
#menuSlide > div > div > .menuSlide_slider > li > div > ul > li > div{ color:#fff; padding:20px; }
#menuSlide > div > div > .menuSlide_slider > li > div > ul > li > .menuSlide_text_name{ float:left; }
#menuSlide > div > div > .menuSlide_slider > li > div > ul > li > .menuSlide_text_link{ float:right; padding-top:25px; cursor:pointer; }
#menuSlide > div > div > .menuSlide_slider > li > div > ul > li > div > p{ font-size:23px; float:left; }
#menuSlide > div > div > .menuSlide_slider > li > div > ul > li > div > a{ font-size:13px; float:right; color:rgba(255,255,255,0.7); display:none; }
#menuSlide > div > div > .menuSlide_slider > li > div > ul > li > div > a:hover{ padding-bottom:3px; border-bottom:solid 1px rgba(255,255,255,0.7); }
#menuSlide > div > div > .menuSlide_slider > li:hover{ filter:grayscale(0%); }
#menuSlide > div > div > .menuSlide_slider > li:hover >  div > ul > li > div > a{ display:block; }

#menuSlide > div > div > .menuSlide_posBtn{ position:absolute; left:0; top:45%; height:0; transform:translateY(-45%); width:100%; display:none; }
#menuSlide > div > div > .menuSlide_posBtn > li{ width:55px; height:55px; border-radius:50%; background:#181b20; text-align:center; line-height:59px; color:#fff; cursor: pointer; }
#menuSlide > div > div > .menuSlide_posBtn > li > i { font-size: 20px; }
#menuSlide > div > div > .menuSlide_posBtn > .menuLeftPos{ float:left; }
#menuSlide > div > div > .menuSlide_posBtn > .menuRightPos{ float:right; background-color: #fff; border: 1px solid #181b20; }
#menuSlide > div > div > .menuSlide_posBtn > .menuRightPos > i { color: #181b20; }


/* menuSlide_end */


/* lincProgram_start */
#lincProgram{ height:470px; background:#181b20; }
#lincProgram > div > div{ position:relative; padding-top:80px; }
#lincProgram > div > div > ul{ float:left; }
#lincProgram > div > div > .program_photo{ position:relative; z-index:999; }
#lincProgram > div > div > .program_photo > li > img{ box-shadow:0 0 8px #000; }
#lincProgram > div > div > .program_content{ padding-left:40px; }
#lincProgram > div > div > .program_content > li{ color:white; }
#lincProgram > div > div > .program_content > .program_content_subtitle{ font-size:15px; font-weight:500; padding-top:40px; }
#lincProgram > div > div > .program_content > .program_content_maintitle{ font-size:32px; padding-top:20px; }
#lincProgram > div > div > .program_content > .program_content_maintitle > p > span{ font-weight:700; }
#lincProgram > div > div > .program_content > .program_content_maintext{ font-size:22px; font-weight:500; padding-top:50px; }
#lincProgram > div > div > .program_content > .program_content_subtext{ font-size:17px; padding-top:30px; }
#lincProgram > div > div > .program_backImg{ position:absolute; right:-80px; bottom:60px; }

/* lincProgram_end */

/* viewMore_start */

#viewMore{ padding:42px 0 110px 0; position:relative;  background:#f4f5f9; }

#viewMore > div > div > ul > li{ float:right; }
#viewMore > div > div > ul > li > a{ padding:10px 40px; border-radius:45px; border:solid 1px #b4b7b9; font-size:15px; text-align:center; background-color: #fff; position:relative; z-index:99; }
#viewMore > div > div > ul > li > a:hover { background:#eceef0; }
/* viewMore_end */

/* footer_start */
#footer{ padding:80px 0; background:#181b20; }
#footer > div > div > ul > li{ float:left; }
#footer > div > div > ul > .logo{ padding-top:23px; }
#footer > div > div > ul > .logo > img{ opacity:.3; padding-left:30px; }
#footer > div > div > ul > .copyright{ padding-left:85px; line-height:20px; }
#footer > div > div > ul > .copyright > div > p{ font-size:14px; }
#footer > div > div > ul > .copyright > .copyright_text{ padding-top:20px; }
#footer > div > div > ul > .f_selcetBox{ float:right; }
#footer > div > div > ul > .f_selcetBox > select{ 
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	width:230px; 
	height:40px;
	padding: 0 5px;
	color:rgba(255,255,255,0.6);
	border:solid 1px #858789;
	font-size: 15px;
	background:url(../images/footer/select_cursor.png) no-repeat 95% 50%;
	background-size:5%;
}
#footer > div > div > ul > .f_selcetBox > select > option{ cursor:pointer; background:#1f2227; }
/* footer_end */


/* headerSub_start */
#headerSubPage{ position:relative; height:380px; }
#headerSubPage > div > div > ul{ width:100%; float:left; }
#headerSubPage > div > div > ul > li{ width:100%; float:left; }
#headerSubPage > div > div > ul > .backgroundWrap{ position:absolute; height:380px; left:0; }
#headerSubPage > div > div > ul > .backgroundWrap img{ width:100%; height:100%; }
#headerSubPage > div > div > ul > .subTopText { width: auto; position: absolute; z-index:99; top:200px; right: 400px; }
#headerSubPage > div > div > ul > .subTopText > div { text-align: center; }
#headerSubPage > div > div > ul > .subTopText > .subTextsubtitle{ color:rgba(255,255,255,0.5); font-size:17px; }
#headerSubPage > div > div > ul > .subTopText > .subTexttitle{ color:#fff; font-size:45px; font-weight:500; }

#subNavigation{ border-bottom:solid 1px #e1e1e1; }
#subNavigation > div > div > ul{ width:100%; float:left; border-left:solid 1px #e1e1e1; }
#subNavigation > div > div > ul > a > li{ float:left; padding:20px 0; line-height:30px; height:60px; cursor:pointer; }
#subNavigation > div > div > ul > li{ float:left; padding:20px 0; line-height:30px; height:60px; cursor:pointer; }

#subNavigation > div > div > ul .subNav_home{ font-size:30px; font-weight:700; padding:0 30px; line-height: 60px; border-right:solid 1px #e1e1e1;}
#subNavigation > div > div > ul .subNav_category{ font-size:16px; font-weight:500; padding:0 80px 0 30px; line-height: 60px; }
#subNavigation > div > div > ul .subNav_item{ font-size:16px; font-weight:500; padding:0; line-height:60px; position:relative; z-index:99; cursor:pointer; width:224px; height:60px; }
#subNavigation > div > div > ul .subNav_item > ul{ width:100%; height:60px; float:left; overflow:hidden; transition:all .3s ease-in-out; }
#subNavigation > div > div > ul .subNav_item > ul li{ background:#fff; border-left:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; width:100%; height:60px; }
#subNavigation > div > div > ul .subNav_item > ul > li:first-child > .item_icon{ display:block; float:right; padding-right:20px; }
#subNavigation > div > div > ul .subNav_item > ul > a:last-child > li{ border-bottom:solid 1px #e1e1e1; }
#subNavigation > div > div > ul .subNav_item > ul li > .item_text{ float:left; padding-left:30px; }
#subNavigation > div > div > ul .subNav_item > ul > a > li > .item_icon{ float:right; padding-right:20px; display:none; }

/* headerSub_end */

/* stu_support_start */
#stu_program{ padding:120px 0 200px 0; }
#stu_program > div > div > ul{ float:left; }
#stu_program .title{ position:relative; left:50%; transform:translateX(-50%); }
#stu_program .title > li{ float:left; }
#stu_program .title > .title_left{ width:3px; height:23px; background:#333; transform:rotate(45deg); }
#stu_program .title > .title_text{ padding:0 10px; }
#stu_program .title > .title_text > p{ font-size:35px; }
#stu_program .title > .title_text > p > span{ font-weight:700; }
#stu_program .title > .title_right{ width:3px; height:23px; background:#333; transform:rotate(45deg); margin-top:35px; }
#stu_program .program_photo{ width:100%; padding-top:50px; }
#stu_program .program_photo li{ float:left; width:33.3334%; padding:0 20px 50px 20px; cursor:pointer; }
#stu_program .program_photo li > div{ width:100%; float:left; }
#stu_program .program_photo li > .program_photo_img{ height: 277px; overflow:hidden; }
#stu_program .program_photo li > .program_photo_img > img{ width:100%; transition:all .5s ease-in-out; }
#stu_program .program_photo li > .program_photo_text{ padding:15px 5px;  }
#stu_program .program_photo li > .program_photo_text > p{ float:left; }
#stu_program .program_photo li > .program_photo_text > .photo_text_title{ font-size:23px; font-weight:500; width:90%; }
#stu_program .program_photo li > .program_photo_text > .photo_text_plus{ font-size:43px; font-weight:100; width:10%; text-align:center; margin-top:-20px; transition:all .5s ease-in-out; transform-origin:52% 52%; }

#stu_program .program_photo li:hover > .program_photo_img > img{ transform:scale(1.1); }
#stu_program .program_photo li:hover > .program_photo_text > .photo_text_plus{ transform:rotate(180deg); }

/* stu_support_end */

/* stu_item_start */
#stu_item{ padding:70px 0 50px 0; border-bottom:solid 1px #e1e1e1; }
#stu_item > div > div > ul{ float:left; width:100%; }
#stu_item > div > div > .title{ text-align:center; }
#stu_item > div > div > .title > .title_main > *{ display:inline-block; vertical-align: middle; }
#stu_item > div > div > .title > .title_main > p{ font-size:45px; font-weight:500; margin-top:-3px; margin-left:10px; color:#333; }
#stu_item > div > div > .title > .title_sub{ padding-top:10px; }
#stu_item > div > div > .title > .title_sub > p{ font-size:20px; opacity:.6; }
/* stu_item_end */

/* view_detail_start */
#view_detail{ padding:80px 0; }

#view_detail > div > div > ul{ width:100%; float:left; }
#view_detail > div > div > .view_detail_info{ padding:10px 0; border-top:solid 1px #b2b2b2; border-bottom:solid 1px #e5e5e5; cursor:pointer; }
#view_detail > div > div > .view_detail_info > li{ float:right; }
#view_detail > div > div > .view_detail_info > li > *{ display:inline-block; }
#view_detail > div > div > .view_detail_info > li > *{ padding-right:5px; }
#view_detail > div > div > .view_detail_dropdown{ font-weight:500; height:0; overflow:hidden; transition: all .5s ease-in-out; }
#view_detail > div > div > .view_detail_dropdown > li{ padding:30px; }

/* view_detail_end */

/* view_year_start */
#view_year{ padding:37px 0; background:#d2d3d4; }
#view_year > div > div > ul{ float:left; width:100%; text-align:center; display:flex; justify-content:center; }
#view_year > div > div > ul > li{ 
	display:inline;
	width:16.6667%;
	text-align:center;
	font-size:19px; 
	font-weight:500; 
	height: 50px;  
	line-height: 50px; 
	background:#fff; 
	border:solid 1px #d2d3d4;
	cursor:pointer; 
}
/* view_year_end */

/* item_view_start */
#item_view{ background:#e7e8e8; padding: 70px 0 100px 0; }
#item_view > div > div > ul{ float:left; width:100%; }
#item_view > div > div > ul > li{ float:left; width:33.3334%; padding:15px; }
#item_view > div > div > ul > li > div{ width:100%; float:left; }
#item_view > div > div > ul > li > .photo_area{ position:relative; height: 255px; overflow:hidden; }
#item_view > div > div > ul > li > .photo_area > img{ width:100%; transition:all .3s ease-in-out; height:100%; object-fit:cover; }
#item_view > div > div > ul > li > .photo_area > .backgroundWrap{ width:100%; height:100%; bottom:0; background:rgba(0,0,0,.7); position:absolute; opacity:0; transition:all .3s ease-in-out; }
#item_view > div > div > ul > li > .photo_area > div > ul{ width:100%; top:50%; transform:translateY(-50%); position:absolute; text-align:center; }
#item_view > div > div > ul > li > .photo_area > div > ul li > *{ color:#fff; }
#item_view > div > div > ul > li > .photo_area > div > ul .wrap_text{ font-size:22.4px; }
#item_view > div > div > ul > li > .photo_area > div > ul .wrap_button{ padding-top:20px; }
#item_view > div > div > ul > li > .photo_area > div > ul .wrap_button > button{ font-size:14px; opacity:.6; border:solid 1px #fff; padding:2px 40px; background:rgba(255,255,255,.2); border-radius:20px; }
#item_view > div > div > ul > li > .text_area{ padding:15px 10px; background:white; }
#item_view > div > div > ul > li > .text_area > ul > li{ float:left; }
#item_view > div > div > ul > li > .text_area > ul > .text_area_text{ width: 77%; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#item_view > div > div > ul > li > .text_area > ul > .text_area_button{ width: 23%; float: right; }
#item_view > div > div > ul > li > .text_area > ul > .text_area_text > p{ font-size:20px; font-weight:700; }
#item_view > div > div > ul > li > .text_area > ul > .text_area_button > button{ width: 100%; float: left; border:none; background:#b2b2b2; color:#fff; padding:3px 8px; border-radius:5px; font-size:15px; }

#item_view > div > div > ul > li:hover > .photo_area > .backgroundWrap{ opacity:1; }
#item_view > div > div > ul > li:hover > .photo_area > img{ transform:scale(1.1); }
/* item_view_end */

/* item_info_start */
#item_info{ padding-bottom:200px; }
#item_info > div > div > ul{ float:left; width:100%; }
#item_info > div > div > ul.info_gallery { margin-top: 50px; }
#item_info > div > div > .info_area{ padding:70px 10px; }
#item_info > div > div > .info_area > li{ float:left; }
#item_info > div > div > .info_area > .info_image_area{ width:45%; }
#item_info > div > div > .info_area > .info_image_area > div { height: 331px; overflow: hidden; }
#item_info > div > div > .info_area > .info_image_area > div > img{ width:100%; border-radius:10px; }
#item_info > div > div > .info_area > .info_text_area{ width:55%; padding: 20px 10px 10px 60px; }
#item_info > div > div > .info_area > .info_text_area > div{ width:100%; float:left; line-height:35px; }
#item_info > div > div > .info_area > .info_text_area > .info_toptitle{ font-size:25px; }
#item_info > div > div > .info_area > .info_text_area > .info_maintitle{ padding-bottom:15px; }
#item_info > div > div > .info_area > .info_text_area > .info_maintitle > ul > li{ padding-top:5px; }
#item_info > div > div > .info_area > .info_text_area > .info_maintitle > ul > .info_mt_left{ float:left; font-size:35px; font-weight:700; }
#item_info > div > div > .info_area > .info_text_area > .info_maintitle > ul > .info_mt_right{ float:right; font-size:18px; font-weight:100; line-height:45px; }
#item_info > div > div > .info_area > .info_text_area > hr{ border-top:solid 1px #ccc; }
#item_info > div > div > .info_area > .info_text_area > .info_teaminfo > p{ font-size:18px; font-weight:100; }
#item_info > div > div > .info_area > .info_text_area > .info_teaminfo > p > span{ font-weight:500; }
#item_info > div > div > .info_area > .info_text_area > .info_name{ padding-top:20px; }

#item_info > div > div > .info_detail > .detail_title > div { padding:0 0 5px 15px; }
#item_info > div > div > .info_detail > .detail_title > div > p{ font-size:18px; font-weight:500; }
#item_info > div > div > .info_detail > .detail_video{ padding:20px; }
#item_info > div > div > .info_detail > .detail_video > p > img{width:100%; float: left;}
#item_info > div > div > .info_detail > .detail_video > video{ border:solid 1px red; width:60%; }
#item_info > div > div > .info_gallery > li > div { padding:0 0 5px 15px; }
#item_info > div > div > .info_gallery > li > div > p{ font-size:18px; font-weight:500; }
#item_info > div > div > .info_photo{ padding-top:50px; }
#item_info > div > div > .info_photo > li{ position:relative; padding:10px; float:left; width:33.3334%; height: 356px; overflow: hidden; }
#item_info > div > div > .info_photo > li > img{ width:100%; height:100%; object-fit:cover; }
#item_info > div > div > .info_photo > li > .bg_cover{ width:100%; height:100%; bottom:0; position:absolute; left:0; padding:10px; }
#item_info > div > div > .info_photo > li > .bg_cover > ul{ width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all .5s ease-in-out; }
#item_info > div > div > .info_photo > li > .bg_cover > ul > li{ width:100%; height: 100%; }
#item_info > div > div > .info_photo > li > .bg_cover > ul > li > i{ color:#fff; position:relative; font-size:60px; left:50%; top:50%; transform:translate(-50%, -50%); cursor:pointer; }
#item_info > div > div > .info_photo > li:hover > .bg_cover > ul{ opacity:1; }
/* item_info_end */


/* item_popup_start */
#item_popup{ display:none; background:rgba(0,0,0,0.8); position:fixed; z-index:9999; width:100%; height:100%; }
#item_popup > .item_popup_inner{ width:50%; height: auto; position:fixed; top:50%; left:50%; background:#fff; transform:translate(-50%, -50%); padding:3px; }
#item_popup > .item_popup_inner > ul{ width:100%; float:left; }
#item_popup > .item_popup_inner > .popup_photo{ width:100%; height:100%; overflow:hidden; }
#item_popup > .item_popup_inner > .popup_photo > li{ width:800%; height:100%; margin-left:-100%; }
#item_popup > .item_popup_inner > .popup_photo > li > div{ float:left; width:12.5%; height:100%; overflow:hidden; text-align:center; }
#item_popup > .item_popup_inner > .popup_photo > li > div > img{ width:100%; object-fit:cover; }
#item_popup > .item_popup_inner > .popup_nextprev{ position:absolute; top:50%; transform:translateY(-50%); padding:0 50px; }
#item_popup > .item_popup_inner > .popup_nextprev > li{ color:#fff; font-size:50px; }
#item_popup > .item_popup_inner > .popup_nextprev > .prevBtn{ float:left; }
#item_popup > .item_popup_inner > .popup_nextprev > .nextBtn{ float:right; }
#item_popup > .item_popup_inner > .popup_nextprev > li > i{ cursor:pointer; font-size: 60px; }
#item_popup > .item_popup_inner > .popup_closeBtn{ position:absolute; padding:5px; top:-13%; }
#item_popup > .item_popup_inner > .popup_closeBtn > li{ font-size:50px; float:right; font-weight:100; color: rgba(255,255,255,0.7); cursor:pointer; }
/* item_popup_end */