@charset "utf-8";


/**
GNB
**/
.gnb{position:relative; border-bottom-width:1px; border-bottom-style:solid;}
.gnb h1{font-size:20px; height:100%; padding:0 10px; display:none; }
.gnb_list{position:relative; font-size:0; text-align:center; display:flex}
.gnb_list > li{display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; flex:1}
.gnb_list > li > a{display:block; text-align:center; font-size:14px; font-weight:bold; height:50px; line-height:50px; position:relative;}
.gnb_list > li:after{content:''; display:inline-block; width:1px; height:30px; position:absolute; right:0; top:10px;}
.gnb_list > li:nth-last-child(1):after{display:none}

.gnb_menu_wrap{position:relative; display:none; font-size:0;}
.gnb_menu_wrap:after{clear:both; display:block; content:'';}
.gnb_menu{position:relative; font-size:0; padding:15px 0; z-index:5; text-align:center; display:flex; overflow:hidden}
.gnb_menu:after{clear:both; display:block; content:'';}
.gnb_menu:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7)}
.gnb_menu_list{position:relative; font-size:0; z-index:5; flex:1}
.gnb_menu_list.type01{display:inline-block; vertical-align:top;}
.gnb_menu_list.type01:before{content:''; display:inline-block; width:1px; height:90%; position:absolute; right:0; top:5%}
.gnb_menu_list.type01:nth-last-child(1):before{display:none}
/* .gnb_menu_list.type01:hover:after{content:''; display:block; width:100%; height:calc(100% + 30px); position:absolute; left:0px; top:-15px; background:rgba(255,255,255,0.6); z-index:0} */
.gnb_menu_list.type01 > li:hover:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(255,255,255,0.6); z-index:0}
.gnb_menu_list.type01 > li{position:relative}
.gnb_menu_list.type01 > li > a{position:relative; display:block; font-size:13px; text-align:center; padding:5px 5px; z-index:10; font-weight:bold}

.gnb_menu_list.type02{vertical-align:top; display:none}
.gnb_menu_list.type02.on{display:flex}
.gnb_menu_list.type02 > li{position:relative; flex:1; vertical-align:middle}
.gnb_menu_list.type02 > li > a{position:relative; display:block; font-size:13px; text-align:center; padding:0px 20px; z-index:10; font-weight:bold;}
.gnb_menu_list.type02 > li:hover:after{content:''; display:block; width:100%; height:calc(100% + 30px); position:absolute; left:0px; top:-15px; background:rgba(255,255,255,0.6); z-index:0}

.gnb_menu_list.type03{display:none}
.gnb_menu_list.type03.on{display:block}
.gnb_menu_list.type03 > li{display:inline-block; position:relative}
.gnb_menu_list.type03 > li > a{position:relative; display:block; font-size:13px; text-align:center; padding:0px 20px; z-index:10; font-weight:bold}
.gnb_menu_list.type03 > li:hover:after{content:''; display:block; width:100%; height:calc(100% + 30px); position:absolute; left:0px; top:-15px; background:rgba(255,255,255,0.6); z-index:0}
.gnb_menu_list.type03:nth-child(1){text-align:left}
.gnb_menu_list.type03:nth-child(2){text-align:center}
.gnb_menu_list.type03:nth-child(3){text-align:right}

.gnb_list.type02 > li > a{z-index:5}
.gnb_list.type02 > li .bg_color_theme{width:100%; height:100%; position:absolute; left:0; top:0; content:''; display:none}
.gnb_list.type02 > li.on .bg_color_theme{display:block}
.gnb_list.type02 > li.on .bg_color_theme:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.7)}

.gnb.showToggle .gnb_menu_wrap{position:absolute; left:0; top:50px; width:100%; display:none;}

.gnb_list.bullet > li:before{content:''; display:inline-block; width:0; height:0; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); display:inline-block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom-width:7px; border-bottom-style:solid; background:none !important; z-index:10; display:none}
.gnb_list.bullet > li:after{content:''; display:inline-block; width:0; height:0; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); display:inline-block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom-width:7px; border-bottom-style:solid; background:none !important; z-index:11; top:auto; border-color:rgba(255,255,255,0.7) !important; display:none}
.gnb_list.bullet > li.on:before, .gnb_list.bullet > li.on:after{display:inline-block}


@media screen and (max-width:768px){
/*	.gnb{display:none}*/
}


@media screen and (max-width:768px){
  .gnb{border:0; height:50px;}
	.gnb_list{display:none}
  .gnb h1{display:flex; align-items:center;}
  .gnb_menu_wrap{display:none !important}
}


/**
Header
**/

/* Header 고정형 */
.header{position:relative; height:50px;}
.header h1{position:absolute; left:10px; top:50%; transform:translateY(-50%); height:30px}
.header h1 img{ height:28px;}
.header h2{text-align:center; color:#fff; font-weight:bold; font-size:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
 
 @media screen and (max-width:768px){
	.header h1{display: block; }
	.header h2{font-size:13px}
 }

 @media screen and (max-width:450px){
	.header h1{display: none; }
 }


/* Header 비고정형 */
/*.header{position:relative; height:50px;}
.header h1{position:absolute; left:10px; top:50%; transform:translateY(-50%); height:30px}
.header h1 img{ height:28px;}
.header h2{text-align:center; color:#fff; font-weight:bold; font-size:16px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.header + .side_menu_btn span{background:#fff}*/

	@media screen and (max-width:768px){
		/*.header h1{display: block; }
		.header h2{font-size:13px}
		.header + .side_menu_btn span{background:#fff !important}
		.side_menu_btn span{background:#fff !important}*/*/
	}

	@media screen and (max-width:450px){
/*		.header h1{display: none; }*/
	}


/* Side Menu */
.side_menu{position:fixed; right:50%; top:0; z-index:99; background:#fff; width:100%; max-width:320px; height:100%; overflow-y:auto; transform:translateX(152%); transition:0.3s; padding-bottom:50px; opacity:0; z-index:-1; box-sizing:border-box}
.side_menu.active{transform:translateX(147%); opacity:1; z-index:999}
.side_menu_tit{position:relative; padding:15px 45px 15px 15px; color:#fff; font-size:20px; font-weight:bold; line-height:1}
.side_menu_tit>span {font-size: 11px;}
.side_menu_list{position:relative;}
.side_menu_list .menu{position:relative; border-bottom:1px solid #ddd; transition:0.2s;}
.side_menu_list .menu.active dt{background:rgba(0,0,0,0.2)}
.side_menu_list .menu.two_depth dt:before{content:''; display:block; width:20px; height:0; border-bottom:2px solid #a1a1a1; position:absolute; right:15px; top:50%; transform:rotate(90deg); transition:0.3s;; pointer-events:none}
.side_menu_list .menu.two_depth dt:after{content:''; display:block; width:20px; height:0; border-bottom:2px solid #a1a1a1; position:absolute; right:15px; top:50%; transition:0.3s;	pointer-events:none}
.side_menu_list .menu.two_depth.active dt:after{display:none}
.side_menu_list .menu.two_depth.active dt:before{transform:rotate(0deg)}
.side_menu_list .menu dt{position:relative;}
.side_menu_list .menu dt a{color:#000; padding:15px 15px; font-weight:bold; display:block; font-size:15px}
.side_menu_list .menu dt a:hover{background:rgba(0,0,0,0.1)}
.side_menu_list .menu dd{position:relative; display:none; max-height:490px; overflow-y:auto}
.side_menu_list .menu dd a{color:#666; padding:15px 0; font-weight:bold; display:block; font-size:14px; padding-left:25px}
.side_menu_list .menu dd a:hover{background:rgba(0,0,0,0.1)}

/* Side Menu Button */
.side_menu_btn{width:50px; height:50px; position:absolute; right:0px; top:0px; display:inline-block; font-size:0; text-indent:-9999px; border:0; background:none; z-index:9999; cursor:pointer}
.side_menu_btn.active{position:fixed; right:50%; margin-right:-470px}
.side_menu_btn span {display:block; margin:0 auto; width:28px; height:4px; transition:all .3s; position:relative;}
.side_menu_btn span + span {margin-top: 6px;}
.side_menu_btn:hover span:nth-child(1){animation:ease 0.4s hoverLeft;}
.side_menu_btn:hover span:nth-child(3){animation:ease 0.4s hoverRight;}
.side_menu_btn.active span{background:#fff !important}
.side_menu_btn.active span:nth-child(1) {animation: ease .7s top forwards;}
.side_menu_btn.active span:nth-child(2) {animation: ease .7s scaled forwards;}
.side_menu_btn.active span:nth-child(3) {animation: ease .7s bottom forwards;}

.menu_two .txt_over {display: inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:100%; word-break:break-all}

@media screen and (max-width:940px){
	.side_menu{right:0; transform:translateX(10%)}
	.side_menu.active{transform:translateX(0%)}
	.side_menu_btn.active{right:0; margin-right:0}
}

/* Menu Button Animation */
@keyframes hoverLeft {
	0%{transform:translateY(0px)}
	50%{transform:translateY(2px)}
	100%{transform:translateY(0px)}	
}

@keyframes hoverRight {
	0%{transform:translateY(0px)}
	50%{transform:translateY(-2px)}
	100%{transform:translateY(0px)}	
}

@keyframes top {
  0%{top: 0; transform: rotate(0);}
  50%{top: 10px; transform: rotate(0);}
  100%{top: 10px; transform: rotate(45deg);}
}

@keyframes bottom {
  0%{bottom: 0;transform: rotate(0);}
  50%{bottom: 10px; transform: rotate(0);}
  100%{bottom: 10px; transform: rotate(135deg);}
}

@keyframes scaled {
  50%{transform: scale(0);}
  100%{transform: scale(0);}
}


/* GNB, Header 고정형태 */
.wrap{padding-top:50px}
.sub{padding-top:50px}
.gnb{width:940px; position:fixed; left:50%; top:0; transform:translateX(-50%); z-index:100; background:#fff;}
.side_menu_btn{position:fixed; left:50%; top:0; margin-left:420px}
.header{position:fixed; left:50%; top:50px; max-width:940px; width:100%; transform:translateX(-50%); z-index:99;}

@media screen and (max-width:940px){
  .header{top:0; left:0; transform:none; width:100%}
  .header + .gnb{display:none}

  .gnb{width:100%;}
  
  .side_menu_btn{left:auto; right:0; margin-left:auto}
  .header + .gnb + .side_menu_btn span{background:#fff !important}

  .sub{padding-top:0}
}

/**
Footer
**/
.footer{position:relative; background:#fff; font-size:0; padding:15px 20px 35px 20px; background-color: #fff; text-align:center;}
.footer:after{content:''; display:block; clear:both}
.footer .footer_logo{display:inline-block; vertical-align:middle; margin-right:40px; font-size:0}
.footer .footer_logo a{display:inline-block; vertical-align:middle; margin-right:14px}
.footer .footer_logo a:nth-last-child(1){margin-right:0}
.footer .footer_logo a img{height:45px}
.footer .footer_copy{display:inline-block; vertical-align:middle; width:calc(100% - 400px); color:#000; font-size:14px; text-align:left;}
.footer .footer_copy p{position:relative; margin:3px 0}
.footer .footer_copy p:nth-last-child(1){margin-bottom:0}

/*.footer{position:relative; background:#fff; font-size:0; padding:15px 20px 20px 20px; background-color: #F2F2F2;}*/
/*.footer .footer_logo{display:inline-block; vertical-align:middle; margin-right:20px; font-size:0}*/
/*.footer .footer_copy{display:inline-block; vertical-align:middle; width:calc(100% - 295px); color:#000; font-size:14px;}*/

@media screen and (max-width:940px){
	.footer .footer_logo{display:block; padding-bottom:20px; margin-right:0; text-align:center}
	.footer .footer_copy{display:block; width:auto; text-align:center}
}

@media screen and (max-width:768px){
	.footer{padding:20px 15px 20px 15px}
	.footer .footer_logo{display:block; margin-right:0; margin:0 auto; padding-bottom:10px}
  .footer .footer_logo a img{height:35px;}
	.footer .footer_copy{display:block; width:auto; padding:10px 0 0 0; font-size:12px; text-align:center}
}

@media screen and (max-width:600px){
	.footer_copy span{display: block;} 
}

.share_wrap{position:relative; background:#808080; padding:15px 0; text-align:center; margin-top:20px}
.share_list{position:relative; font-size:0; overflow:hidden;}
/*.share_list > li{position:relative; display:inline-block; width:25%; box-sizing:border-box;}*/
.share_list > li{position:relative; display:inline-block; width:33.3%; box-sizing:border-box;}
.share_list > li:after{content:''; display:block; width:2px; height:100%; background:#fff; position:absolute; right:-1px; top:0}
.share_list > li:nth-last-child(1):after{display:none}
.share_list .share_tit{position:relative; text-align:center; font-size:15px; color:#fff; font-weight:bold}
.share_list .share_link{display:block; position:relative; text-align:center;}
.share_list .share_link .icon img{width: 30px; max-width:30px; min-height:30px; height:auto}
.share_list .share_link .txt{position:relative; color:#fff; font-weight:bold; font-size:15px; padding:5px 0 0 0}
.share_list .share_sns{position:relative; overflow:hidden}
.share_list .share_sns > li{display:inline-block; margin:5px 5px 0 5px}
.share_list .share_sns .share_link .txt{display:none}

@media screen and (max-width:768px){
	.share_list > li{width:auto; margin:5px 5px 0 5px}
	.share_list > li:after{display:none}
	.share_list > li:first-child{display:block; padding:0 0 15px 0}
	.share_list .share_tit {display: none;}
	.share_list .share_link .txt{font-size:12px}
	.share_list .share_sns .share_link .txt{display:block}
}

 
 
/**
Color Chip (새로운 호 작업시 아래 6개의 색상코드를 변경하면 일괄 적용)
**/

/* 기준 컬러값 */
.font_color_theme {color:#CA163E}
.bg_color_theme{background:#CA163E}
.border_color_theme{border-color:#CA163E}
.hover_bg_color_theme:hover{background-color:#CA163E}
.after_color_theme:after, .after_color_theme:before{background:#CA163E; border-color:#CA163E}
.gnb + .header + .side_menu_btn span{background:#CA163E}

@media screen and (max-width:700px){
  .hover_bg_color_theme{background-color:#CA163E !important}
}

/* index */
.font_color_Normal {color:#FFFFFF;}
.font_color_Issue {color:#807D7D;}
.font_color_Forum {color:#6A7091;}
.font_color_Fact  {color:#FFFFFF;}
.font_color_Info  {color:#FFFFFF;}
.font_color_ITC  {color:#FFFFFF;}
.bg_color_Issue   {background:#CA163E;}
.bg_color_Forum   {background:#6A7091;}
.bg_color_Fact   {background:#808080;}
.bg_color_Info   {background:#61B7D9;}
.bg_color_ITC   {background:#F6AF74;}
  

/* ETC Color (blue, black) */
.font_color_sub {color:#898989 }
.font_color_sub2 {color:#FFFFFF }
.bg_color_sub02 {background-color:#EF8783;}
.bg_color_innerBox {background-color:#FDF0F0;}
 
.font_color_blue{color:#E16F0F}
.font_color_black{color:#000}
.font_color_DarkPink{color:#9F5970;}
.font_color_LightSilver{color: #8A8A9B}

.bg_color_Soft{background-color:#F1EDEA;}
.bg_color_Dark{background-color:#5F67AE;}
.bg_color_aqua{background-color:#3290B5}
.bg_color_gray{background-color:#6b6a6a}
.bg_color_purple{background-color:#f2f0f5}


/**
Layout
**/
body{overflow-x:hidden}
.wrap{max-width:940px; margin:0 auto; position:relative;}
.layer_bg{display:block; width:100%; max-width:940px; height:100%; position:fixed; left:50%; top:0; transform:translateX(-50%); background:rgba(0,0,0,0.3); z-index:100}
.grid_wrap{position:relative; font-size:0;}
.grid_wrap > li{display:inline-block; vertical-align:top}
.grid_wrap > li:nth-child(2n){margin-right:0 !important}
.grid_wrap.one > li{width:auto; display:block}
.grid_wrap.one > li img{width:100%}
.grid_wrap.two > li{width:calc(50% - 5px); margin-right:10px}
.griw_wrap.two > li:nth-child(2n){margin-right:0 !important}
.grid_wrap.two > li:nth-child(n+3){margin-top:10px}
.grid_wrap.three > li{width:32%; margin-right:2%}
.grid_wrap.four > li{width:23.5%; margin-right:2% !important}
.grid_wrap.four > li:nth-child(4){margin-right:0 !important}

.grid_wrap.two.exp > li:nth-child(2n){margin-right:0px; margin-bottom:10px;}

@media screen and (max-width:600px){
	.grid_wrap li{display:block; width:auto !important; margin-right:0 !important}
	.grid_wrap li:nth-child(1) .border_box{border-top-width:1px}
	.grid_wrap.two > li{margin-bottom:10px}
	.grid_wrap.two > li:nth-last-child(1){margin-bottom:0}
	.grid_wrap.three > li{margin-bottom:20px}
	.grid_wrap.three > li:nth-last-child(1){margin-bottom:0}
  .grid_wrap.four > li{margin-right:0 !important; margin-bottom:20px}
  .grid_wrap.four > li:nth-child(4){margin-bottom:0;}
	.grid_wrap li img{width: 100%}
	
	.issue_wrap .grid_wrap li{margin-bottom:10px}
	.issue_wrap .grid_wrap li:nth-last-child(1){margin-bottom:0}
}

.new_grid_wrap{position:relative; font-size:0; margin:0 1px;}
.new_grid_wrap > li{display:inline-block; vertical-align:top; width:50%; padding:10px; box-sizing:border-box; box-shadow:0 0 0 1px #9f9f9f}
.new_grid_wrap.cols3 > li{width:calc(100% / 3);}
.new_grid_wrap.flex{display:flex;}
.new_grid_wrap.pink > li{background-color:#fae8ec}
.new_grid_wrap.blue > li{background-color:#E1E2E9}
.new_grid_wrap.gray > li{background-color:#EEEEEE}

.flex_wrap{position:relative; display:flex; justify-content:space-between;}
.flex_wrap li{display:flex; align-items:flex-end; flex-wrap:wrap; margin-right:10px}
.flex_wrap li:nth-child(2){margin-right:0;}


@media screen and (max-width:600px){
  .new_grid_wrap{margin:0}
  .new_grid_wrap.flex{display:block}
  .new_grid_wrap li{display:block; width:auto !important; margin-right:0 !important; margin-bottom:10px; border:1px solid #9f9f9f; box-shadow:none;}
	.new_grid_wrap li:nth-last-child(1){margin-bottom:0}

  .flex_wrap{display:block;}
  .flex_wrap li{display:block; margin-right:0 !important; }
  .flex_wrap li:nth-last-child(1){margin-top: 40px }
  .flex_wrap li img{width:100%}
}

/**
Main
**/

/* Main Visual */
.main_visual{position:relative}
.main_visual > img{display:block; width:100%}

/* Main Title */
.main_tit{position:relative; font-weight:bold; font-size:30px; text-align:center; padding:5px 0 5px 0;}
.main_tit span{display:inline-block; position:relative; padding:0 5px; border-bottom-width:2px; border-bottom-style: ; }

@media screen and (max-width:768px){
	.main_tit{font-size:20px; padding:15px 0 15px 0}
}

/* Main Content */
.main_content{position:relative; margin-top:60px}
.border_box{position:relative; box-sizing:border-box; padding:10px; border:1px solid #9f9f9f}
.issue_wrap{position:relative; margin-bottom:10px;}
.fact_wrap{position:relative; padding:20px; background:#ededed}
.info_wrap{background:#ededed}

.link{display:block; position:relative;}
.link .thumb{position:relative; overflow:hidden}
.link .thumb img{transition:0.2s}
.link:hover .thumb img{transform:scale(1.03)}

.opt_box{position:relative; padding:10px 0 0 0; text-align:left}
.opt_box > p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:100%; word-break:break-all}
.opt_date{position:relative; padding-bottom:2px; font-size:18px; color:#4D4D4D; font-weight:bold; border-bottom:1px solid #4d4d4d; display:inline-block}
.opt_tit{position:relative; font-size:19px; font-weight:bold; padding:10px 0 0 0}
.opt_tit.line_indent{padding-left:12px; text-indent:-12px;}
.opt_tit + .opt_tit{padding-top:0}
.opt_tit > a{color:inherit}
.opt_tit > a > span{font-size:14px; vertical-align:bottom;}
.opt_tit > a.letter{letter-spacing:-1px;}
.opt_tail{position:relative; padding:3px 0 0 0; font-size:15px;}
.fact_tit{position:relative; font-weight:bold; font-size:15px; color:#000}
.fact_vol{font-size:14px; color:#000; padding:5px 0 0 0}
.fact_date{font-size:13px; color:#000}

.issue_wrap .issue_title{text-align:center; position:relative; vertical-align:middle; padding:10px 0 20px 0}
.issue_wrap .issue_title:before{content:'|'; display:inline; margin-right:10px;}
.issue_wrap .issue_title:after{content:'|'; display:inline; margin-left:10px;}
.issue_wrap .link .issue_tit{position:relative; font-size:17px; font-weight:bold; color:#fff; padding:15px 10px}

@media screen and (max-width:600px){
	.fact_wrap{padding:20px 10px}
	.fact_wrap .link .thumb{display:inline-block; vertical-align:top; width:calc(45% - 10px); margin-right:10px}
	.fact_wrap .opt_box{width:55%; box-sizing:border-box; display:inline-block; vertical-align:top; padding-top:0}
	.fact_wrap .fact_vol{padding-top:0}
	.fact_wrap .opt_box > p{overflow:hidden; max-width:none; word-break:normal; white-space:normal}
	
	.opt_date{font-size:14px}
	.opt_tit{font-size:16px; padding:5px 0 0 0}
  .opt_tit > a.letter{letter-spacing:-0.35px;}
  .opt_tit.line_indent{padding-left:10px; text-indent:-10px;}
	.opt_tail{font-size:15px}
	
	.issue_wrap .link .thumb{width:auto}
	.issue_wrap .link .opt_box{position:relative; right:auto; top:auto; width:auto; height:auto; padding: }
	.issue_wrap .link .opt_box .opt_place{position:relative; top:auto; transform:none; padding:0}
}


/* Fact Slider  */
.fact_slider{width:calc(100% + 20px);}
.fact_slider .link{margin-right:20px;}
.fact_slider .slick-dots{text-align:center; position:relative; padding:25px 0 10px 0; font-size:0}
.fact_slider .slick-dots > li{display:inline-block; margin:0 5px;}
.fact_slider .slick-dots > li > button{display:inline-block; width:10px; height:10px; background:#999; font-size:0; border-radius:50%; overflow:hidden; cursor:pointer}
.fact_slider .slick-dots > li.slick-active > button{background:#333}
.fact_slider .slick-arrow{width:40px; height:40px; position:absolute; top:50%; transform:translateY(-210%); font-size:0; z-index: 10; cursor: pointer; background:rgba(255,255,255,0.7); border-radius:50%; overflow:hidden;}
.fact_slider .slick-arrow.slick-prev{left:10px; right: auto;}
.fact_slider .slick-arrow.slick-next{right:30px}
.fact_slider .slick-arrow.slick-prev:before{content:''; display:inline-block; width:15px; height:3px; background:#666; opacity:0.9; position:absolute; left:10px; top:14px; transform: rotate(135deg);}
.fact_slider .slick-arrow.slick-prev:after{content:''; display:inline-block; width:15px; height:3px; background:#666; opacity:0.9; position:absolute; left:10px; top:23px; transform: rotate(-135deg);}
.fact_slider .slick-arrow.slick-next:before{content:''; display:inline-block; width:15px; height:3px; background:#666; opacity:0.9; position:absolute; right:11px; top:14px; transform: rotate(-135deg);}
.fact_slider .slick-arrow.slick-next:after{content:''; display:inline-block; width:15px; height:3px; background:#666; opacity:0.9; position:absolute; right:11px; top:23px; transform: rotate(-225deg);}
.fact_slider .slick-arrow:hover{background:rgba(255,255,255,0.8);}
.fact_slider .slick-arrow:hover:after, .fact_slider .slick-arrow:hover:before{background:#000}

@media screen and (max-width:600px){
	.fact_slider{width:auto}
	.fact_slider .link{margin-right:auto; font-size:0; margin-bottom:15px}

	.fact_slider .slick-track{width:100% !important; transform: none !important;}
	.fact_slider .slick-slide{width:100% !important;}
	.fact_slider .slick-cloned{display:none !important}
	.fact_slider .slick-dots{display:none !important}
	.fact_slider .slick-arrow{display:none !important}
}

/* INFO Slider */
.info_tit{position:relative; padding:10px 0 30px 0; text-align:center; font-weight:bold; font-size:16px;}
.info_tit:before, .info_tit:after{content:''; display:inline-block; width:2px; height:15px; background:#000; vertical-align:middle; margin:0 10px; position:relative; top:-1px;}
.info_slider .link{position:relative; margin:0 25px; max-width:240px;}
.info_slider .slick-dots{text-align:center; position:relative; padding:25px 0 10px 0; font-size:0}
.info_slider .slick-dots > li{display:inline-block; margin:0 5px;}
.info_slider .slick-dots > li > button{display:inline-block; width:10px; height:10px; background:#999; font-size:0; border-radius:50%; overflow:hidden; cursor:pointer}
.info_slider .slick-dots > li.slick-active > button{background:#333}
.info_slider .slick-arrow{width:40px; height:40px; position:absolute; top:50%; transform:translateY(-125%); font-size:0; z-index: 10; cursor: pointer; overflow:hidden; background:none;}
.info_slider .slick-arrow.slick-prev{left:-30px; right:auto;}
.info_slider .slick-arrow.slick-next{right:-30px}
.info_slider .slick-arrow.slick-prev:before{ content:''; width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:20px solid #000;}
.info_slider .slick-arrow.slick-next:before{ content:''; width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:20px solid #000;}

.won_box{position:relative; width:100%; height:0; padding-top:100%; overflow:hidden; border-radius:100%; background:#8A849B; color:#fff; transition:0.2s;}
.won_box > div{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:10px 20px; z-index:1; text-align:center;}
.won_box .top{height:50%;}
.won_box .bottom{height:50px; box-sizing:border-box; border-top:1px solid #fff;}
.won_box .num{font-weight:bold;}
.won_box .bottom .num{display:none;}
.won_box .img{position:relative; margin-top:10px; text-align:center;}
.won_box .img img{max-height:70px; display:inline;}
.won_box .txt{position:relative; padding-top:10px; font-weight:500;}

@media screen and (max-width:960px){
    .info_slider{margin:0 10%;}
    .info_slider .link{position:relative; margin:0 auto; padding:0 20px;}  
}

@media screen and (max-width:800px){
    .info_slider{margin:0;}
}

@media screen and (max-width:650px){
    .info_wrap{padding:20px 0;}
		.info_slider{width:auto}
		.info_slider .link{margin-right:auto; font-size:0; margin-bottom:15px; max-width:none; border-radius:0; padding:0px 0; text-align:left;}

    .won_box{border-radius:0; padding-top:0; height:auto;}
    .won_box > div{position:relative; left:auto; top:auto; padding:15px 10px;}
    .won_box .num{display:none;}
    .won_box .bottom .num{display:block; font-size:13px; text-align:left; padding:5px 0 0px 20px}
    .won_box .img{margin-top:0;}
    .won_box .img img{max-height:60px;}
    .won_box .top{display:inline-block; width:45%; vertical-align: middle;}
    .won_box .bottom{display:inline-block; width:55%; border-top:0; border-left:1px solid #fff; vertical-align: middle; height:auto;}
    .won_box .txt{font-size:14px; text-align:left; padding-top:0; padding:5px 0 5px 20px;}

    .info_slider .link.type2 .won_box{background:#ede6e3; color:#000}
    .info_slider .link.type2 .won_box .bottom{border-color:#000}

		.info_slider .slick-track{width:100% !important; transform: none !important;}
		.info_slider .slick-slide{width:100% !important;}
		.info_slider .slick-cloned{display:none !important}
		.info_slider .slick-dots{display:none !important}
		.info_slider .slick-arrow{display:none !important}
}

@media screen and (min-width:650px){
    .won_box:hover{scale:0.98;}
}

/**
SUB
**/

/* edit /common / 텍스트 조절  */
b {font-weight: bold;}
.txt_style   {text-indent: 1em; font-family:'KoPub'; font-size: 16px;text-align: justify ; word-break: break-all; word-wrap: break-word;	line-height:30px; letter-spacing: 0px; word-spacing: -1px;}  
.txt_styleB  {font-family:'KoPub'; font-size: 16px; text-align: justify; word-break: break-all; word-wrap: break-word;	line-height:27px; letter-spacing: 0px; word-spacing: -1px;} 
.txt_styleC  {font-family:'KoPub'; font-size: 15px; text-align: justify; word-break: break-all; word-wrap: break-word;	line-height:23px; letter-spacing: 0px; word-spacing: -1px;} 
.txt_src {display: inline-block ; font-family:'KoPub'; text-indent: 1em; font-size:14px; text-align: justify ; word-break: break-all; word-wrap: break-word; margin-top:5px; }
.txt_style.indent17{text-indent:0;}
.txt_style.indent17 p{padding-left:17px; text-indent:-17px;}
 
.txt_innerBox {position:relative; border: 1px solid  #F1EDEA ; background-color: # ; padding: 2%; font-family:'KoPub'; font-size: 16px; line-height:25px}
.txt_innerBox li{padding-left:23px; text-indent:-14px; list-style:none; margin-bottom:10px;}
.txt_innerBox p {font-size: 20px; text-align: center;} 
.txt_bullon_annotate {word-break:break-word;}
.txt_annotate   {word-break: break-word ; word-wrap: break-word;} 
.txt_annotate_a {word-break: break-word ; word-wrap: break-word;} 
.txt_annotate_b {word-break: break-word ; word-wrap: break-word;} 

.view_web{position: relative; display: block;} 
.view_mobile {position: relative; display: none;}
  
	@media screen and (max-width:600px){  
		.txt_style   {text-indent: 1em; font-family:'KoPub'; font-size: 16px;text-align: justify ; word-break: break-all; word-wrap: break-word;	line-height:30px; letter-spacing: 0px; word-spacing: -1px;}  
		.txt_annotate {word-break: break-all ; word-wrap: break-word;}
		.txt_annotate_a {word-break: break-all ; word-wrap: break-word;} 
		.txt_annotate_b {word-break: break-all ; word-wrap: break-word;}  

		.view_web {display: none;}  
		.view_mobile {display: block;}  
	}

.cnt_tit_wrap{position:relative; padding:30px; background:#dcdcdc}
.cnt_tit_wrap .place{border-width:1px; border-style:solid; padding:30px 50px; border-radius:10px 10px 200px 10px;}
.cnt_tit_wrap .tit_box{text-align:center;}
.cnt_tit_wrap .tit_box .tit{font-size:22px; font-weight:bold;}
.cnt_tit_wrap .tit_box .num{font-size:50px; font-weight:500;}
.cnt_tit_wrap .tit_box .desc{font-size:22px; font-weight:500;}
.cnt_tit_wrap .tit_box .desc span{display:inline-block; color:#fff; font-size:13px; width:20px; height:20px; line-height:20px; border-radius:50%; vertical-align:middle; position:relative; top:-1px; margin-left:3px}
.cnt_tit_wrap .desc_box{display:flex; align-items:center; min-height:400px; padding:20px 0; text-align:center;}
.cnt_tit_wrap .desc_box .desc_place{width:100%;}
.cnt_tit_wrap .desc_box .desc_tit{font-weight:bold; font-size:25px;}
.cnt_tit_wrap .desc_box .desc_tit + .desc_tit{margin-top:5px}
.cnt_tit_wrap .desc_box .desc_tit span{font-size:15px; vertical-align:top;}
.cnt_tit_wrap .desc_box .desc_txt{margin-top:15px; text-align:left; line-height:30px; font-size:18px;}
.cnt_tit_wrap .desc_box .desc_txt.center{text-align:center;}
.cnt_tit_wrap .desc_box .desc_tail{margin-top:15px; text-align:left; font-size:16px; padding-left:10px; text-indent:-10px;}
.cnt_tit_wrap .desc_box .desc_tail span{font-size:11px; vertical-align:top;}

	@media screen and (max-width:600px){  
    .cnt_tit_wrap{padding:20px}
    .cnt_tit_wrap .place{padding:20px 20px; border-radius:10px 10px 130px 10px;}
    .cnt_tit_wrap .desc_box{min-height:auto}
    .cnt_tit_wrap .desc_box .desc_tit{font-size:20px}
    .cnt_tit_wrap .desc_box .desc_txt{font-size:16px}
	}


.sub .cnt_tit_wide {position: relative; padding: 15px 0; font-family:'KoPub'; font-size:22px; font-weight: bold; color: #fff; text-align: center; }
.sub .cnt_tit_wide_border {position: relative; padding: 15px 0; font-family:'KoPub'; font-size:22px; font-weight: bold; color: #fff; text-align: center; }
.sub .cnt_wrap {position: relative; padding: 30px 20px; /*word-break: break-all*/;}
.sub .cnt_wrap .head_txt {position: relative; box-sizing: border-box ; padding-bottom: 30px;}
.sub .cnt_wrap .head_txt>p {font-family:'KoPub'; font-size: 20px; font-weight: bold; }
.sub .cnt_wrap .border_bar {border:1.5px solid }
.sub .cnt_wrap .tit {position: relative; font-family:'KoPub'; font-size: 24px; font-weight: bold; text-align: center; box-sizing: border-box; padding: 15px 0 10px 0;}
.sub .cnt_wrap .tit.left {text-align: left;}
.sub .cnt_wrap .tit.right {text-align: right;}
.sub .cnt_wrap .tit.border {border-top: 1px solid; border-bottom: 1px solid;}
.sub .cnt_wrap .titSub {position: relative; font-family:'KoPub'; font-size: 22px; font-weight: bold; text-align: center; box-sizing: border-box; padding: 5px 0 10px 0;} 
.sub .cnt_wrap .titSub.left {text-align: left;}
.sub .cnt_wrap .titSub.right {text-align: right;}
.sub .cnt_wrap .titBody {position: relative; font-family:'KoPub'; font-size: 20px; font-weight: bold; text-align: left; box-sizing: border-box; padding: 0px 0 10px 0;} 

.sub .cnt_wrap .titTable {position: relative; font-family:'KoPub'; font-size: 20px; font-weight: bold; text-align: center; box-sizing: border-box; padding: 15px 0 10px 0;} 
.sub .cnt_wrap .titTable.left {text-align: left;} 
.sub .cnt_wrap .titTable.right {text-align: right;} 
.sub .cnt_wrap .titTable.volume {font-size: 15px; padding-right: 15px; margin-top: -25px} 

.sub .cnt_wrap .tail {position: relative; display: inline-block ;font-size: 14px; font-weight: bolder;}
.sub .cnt_wrap .tail_upper {position: relative; display: block; font-size:0px; width: 100px; border-top: 1px solid; margin: 30px 0 10px 0;}
.sub .cnt_wrap .tail>ul {display: block; list-style-type: none;}
.sub .cnt_wrap .tail>ul>li {display: list-item; text-align: -webkit-match-parent; margin-bottom:5px}

.src_txt {position:relative; padding-left:10px; text-indent:-10px; }
.src_ul{list-style:none; font-size: 14px; margin-top:-10px}
.src_ul.left{text-align: left;}
.src_ul.right{text-align: right; padding-right: 15px}
.src_ul li{padding-left:23px; text-indent:-14px; list-style:none}
.src_ul li::marker{display:none; content:'';}
.src_ul a {text-decoration: none; color: inherit;} 

.marker_txt{position:relative; padding-left:10px; text-indent:-10px; padding-bottom: 10px}
.marker_ul{list-style:none}
.marker_ul li{padding-left:23px; text-indent:-14px; list-style:none;}
.marker_ul li::marker{display:none; content:'';}
.marker_ul a {text-decoration: none; color: inherit; }

.marker_ul2{list-style:none}
.marker_ul2 li{padding-left:10px; list-style:none;}
.marker_ul2 li::marker{display:none; content:'';}
.marker_ul2 a {text-decoration: none; color: inherit; }

/* View */
.view_box{position:relative; padding:20px 20px; text-align:center}
.view_box.left{text-align:left}
.view_date{font-weight:bold; font-size:15px}
.view_tit{position:relative; padding:20px 0 0 0; font-size:28px; font-weight:bold}
.view_tit .big{font-size:35px}
.view_tit .medium{font-size:25px}
.view_txt{position:relative; padding:20px 0 0 0; font-size:17px;}
.view_txt .heading{font-size:11px; vertical-align:top;}
.ver_tit .heading{font-size:11px; vertical-align:top}
.video{position:relative; height:0; padding-top:56.25%}
.video iframe{width:100%; height:100%; position:absolute; left:0; top:0;}
.img + .video{position:relative; margin-top:20px}

/* subpage01 */
h2.bg_tit{position:relative; text-align:center; color:#fff; font-weight:bold; background:#6b6a6a}
.out_line{position:relative; background:url(../img/subpage01/outline_bg.png); background-size:cover; padding:20px 20px;}
.out_line:after{clear:both; content:''; display:block}
.out_line > div{float:left;}
.out_line > div.box_left{width:55%; margin-right:5%}
.out_line > div.box_right{width:40%;}
.img_grid{position:relative; margin-bottom:30px}
.img_grid:nth-last-child(1){margin-bottom:0}
.img_grid > p{font-size:18px; font-weight:bold; position:relative; padding-left:10px;}
.img_grid > p:before{content:''; display:inline-block; width:2px; height:17px; background:#000; position:absolute; left:0; top:6px}
.img_grid > ul{position:relative; padding:20px 0 0 0; font-size:0}
.img_grid > ul > li{display:inline-block; vertical-align:top; width:49%; margin-right:2%; box-sizing:border-box;}
.img_grid > ul > li:nth-last-child(1){margin-right:0}
.img_grid > ul > li img{display:block; border:1px solid #000; box-sizing:border-box}
.img_grid > ul > li > p{display:block; position:relative; padding:10px 0 0 0; font-size:13px; text-align:center; color:#666}
.img_grid.three > ul > li{width:32%;}
.img_grid.three > ul > li img{border-width:1px}

@media screen and (max-width:600px){
	.out_line{padding:30px 10px;}
	.out_line > div.box_left{width:auto; margin-right:0; margin-bottom:30px;}	
	.out_line > div.box_right{width:auto;}
	.img_grid > ul{padding:10px 0 0 0}
	.sub .cnt_wrap .titTable.volume {font-size: 15px; padding-right: 0px; margin-top: -10px} 

}

/* subpage02 */
.text_ul{position:relative}
.text_ul > li{position:relative; margin-bottom:30px; padding-left:10px;}
.text_ul > li:nth-last-child(1){margin-bottom:0}
.text_ul > li:before{width:3px; height:3px; border-radius:50%; content:''; display:inline-block; background:#333; position:absolute; left:0; top:10px}
.text_ul.type{padding:20px 20px}
.text_ul.type > li{margin-bottom:10px;}
.text_ul.type > li:nth-last-child(1){margin-bottom:0}

.text_dl{position:relative; padding:20px 20px}
.text_dl dl{position:relative; line-height:1.4; margin-bottom:30px}
.text_dl dl:nth-last-child(1){margin-bottom:0}
.text_dl dl dt{font-weight:bold; padding-left:18px; text-indent:-18px; position:relative; padding-bottom:5px}
.text_dl dl dd{position:relative; margin-bottom:10px; padding-left:45px; text-indent:-25px;}
.text_dl dl dd:nth-last-child(1){margin-bottom:0}
.text_dl dl dd dl{padding:10px 0 0 0}
.text_dl dl dd dl dd{padding-left:20px}
.text_dl .bar{display:inline-block; width:2px; height:15px; background:#333; vertical-align:middle; margin-right:3px}

.pic_box{position:relative; border:4px solid #e9b400;}
.pic_box .pic_tit{position:relative; padding:10px 20px; background:#e9b400; color:#fff; font-weight:bold; text-align:left}
.pic_box .pic_con{position:relative; background:#fff; padding:20px 20px; text-align:left}
.pic_box .pic_txt{position:relative}
.pic_box .pic_txt p{width:47%; margin-bottom:15px}
.pic_box .pic_txt p.float{position:absolute; right:0; top:0}
.pic_box .pic_img{position:relative; font-size:0; padding:20px 5%}
.pic_box .pic_img li{display:inline-block; vertical-align:top; width:28%; margin-right:8%}
.pic_box .pic_img li:nth-last-child(1){margin-right:0}
.pic_box .pic_img li img{border:2px solid #333; box-sizing:border-box; display:block}
.pic_box .pic_img li p{position:relative; padding:10px 0 0 0; font-size:14px; text-align:center}

.marker_list{position:relative;}
.marker_list li{position:relative; padding-left:30px; text-indent:0;}
.marker_list .marker{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; border-radius:50%; background:#000; color:#fff; position:absolute; left:0; top:3px;}


@media screen and (max-width:600px){
	.text_ul > li{margin-bottom:20px}
	
	.pic_box .pic_txt p{width:auto;}
	.pic_box .pic_txt p.float{position:relative;}
	.pic_box .pic_img{padding:15px 0}
	.pic_box .pic_img li{width:31%; margin-right:2%}
}

.year_card{position:relative; display:block; height:100%;}
.year_card .year_img{position:relative; overflow:hidden;}
.year_card .year_img img{transition:0.2s;}
.year_card .year_tit{font-size:18px; text-align:center; padding:10px 10px; background:# ; border-radius: ; font-weight:bold; min-height: ;}
.year_card .year_tit.left{text-align: left}
.year_card .year_tit.right{text-align: right;}
.year_card .year_tail{position:relative; margin-top:5px; text-align:center; color:# ; font-size:15px; font-weight:  ; background:# ; padding:8px 10px;}
.year_card .year_tail.left{text-align: left}
.year_card .year_tail.right{text-align: right}
.year_card .titTable{height:55px; overflow:hidden;}
.year_card .titTable + .year_img{height:calc(100% - 55px);}
.year_card .titTable + .year_img img{height:100%}

.year_card .txt_over {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:100%; word-break:break-all}

.exp_card{border:1px solid #ddd; display:block;}
.exp_card .exp_img{position:relative; overflow:hidden;}
.exp_card .exp_img img{transition:0.2s;}
.exp_card .exp_con{padding:10px;}
.exp_card .exp_tit{font-size:17px; text-align:center; font-weight:bold;}
.exp_card .exp_txt{font-size:16px; text-align:left; padding:5px 0 0 0; min-height:70px;}
 

@media screen and (max-width:940px){
    .flex_wrap .year_card .titTable{height:70px}
    .year_card .titTable + .year_img{height:calc(100% - 70px)}
}

@media screen and (max-width:840px){
     .year_card .year_tit br{display:none}
}

@media screen and (max-width:700px){
 	.exp_card .exp_txt{font-size:16px; text-align:left; padding:5px 0 0 0; min-height:90px;}
}

@media screen and (max-width:600px){
 	.exp_card .exp_txt{font-size:16px; text-align:left; padding:5px 0 0 0; min-height:70px;}

   .flex_wrap .year_card .titTable{height:auto}
   .year_card .titTable + .year_img{height:auto}
}


/* subpage03: Kakao Talkbox */
.talk_box{position:relative; padding:20px}
.talk_box img{width:100%;}
.talk_box img.on{display:none}
.talk_img:hover img.off{display:none}
.talk_img:hover img.on{display:block}


/* subpage04: Title icon & 들여쓰기 & 말풍선 */
.ver_box{position:relative; display:flex; align-items:center;}
.ver_txt{display:flex; box-sizing:border-box; width:70px; height:70px; position:relative; border-width:1px; border-style:solid; font-weight:bold; font-size:14px; vertical-align:middle; align-items:center; align-content:center; justify-content:center; flex-wrap:wrap; color:#fff;}
.ver_txt.big{width:95px; height:60px;}
.ver_txt.big:after{transform:rotate(-30deg);}
.ver_txt .num{text-align:center; width:100%;}
.ver_txt .txt{text-align:center; padding:0 5px; border-top:1px solid #fff; margin-top:5px; padding-top:5px;}
.ver_tit{display:inline-block; vertical-align:middle; font-size: 21px; font-weight:bold; margin-left:15px; max-width:calc(100% - 80px)}

.hover_bullon{position:relative; display:inline-block; cursor:pointer; text-indent:0; line-height:1.4}
.hover_bullon .heading{font-size:11px; vertical-align:top; text-indent:0}
.hover_bullon .bullon{display:inline-block; position:absolute; left:-14px; bottom:0px; box-sizing:border-box; text-align:left; font-size:13px; color:#fff; transform:translateY(95%); border-radius:3px; opacity:0; transition:0.2s; z-index:5; pointer-events:none; word-break:break-all; width:250px}
.hover_bullon .bullon a{position:relative; color:#fff; display:block; padding:10px; margin-top:10px; border-radius:5px; font-weight: normal;}
.hover_bullon .bullon_bullet{position:absolute; top:-10px; left:10px; display:inline-block; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom-width:15px; border-bottom-style:solid;}
.hover_bullon:hover .bullon{transform:translateY(100%); opacity:1; pointer-events:auto}
.hover_bullon.right .bullon{left:auto; right:-15px}
.hover_bullon.right .bullon_bullet{left:auto; right:10px}


@media screen and (max-width:940px) {
	.hover_bullon .bullon{display:none !important}	
}
 
@media screen and (max-width:768px){
	.view_box{padding:10px 10px;}
	.view_date{font-size:13px}
	.view_tit{font-size:20px;}
	.view_tit .big{font-size:25px}
	.view_tit .medium{font-size:20px}
	.view_txt{position:relative; padding:20px 0 0 0; font-size:13px;}
	
	.ver_txt{font-size:14px; width:60px}
	.ver_txt.big{width:85px}

	.hover_bullon .bullon{font-size:12px; width:150px}
}


@media screen and (max-width:600px){
	.ver_tit {font-size: 18px;}
	.ver_txt{height: 60px;}

}

/* subpage05: 테이블 */
 .tbl{width:100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
 .tbl .center{text-align:center !important}
 .tbl thead th{padding:10px 5px; text-align:center; color:#fff; font-weight:bold; border-right-width:1px; border-right-style: solid;}
 .tbl thead th:nth-last-child(1){border-right-width:0;}
 .tbl tbody th{vertical-align: middle;}
 .tbl tbody td{padding:10px 5px; text-align:left; background:#fff; border-width:1px; border-style:solid; vertical-align: middle;}
 .tbl tbody td:nth-child(1){border-left:0}
 .tbl tbody td:nth-last-child(1){border-right:0;}
 .tbl tbody td.td_tit{text-align:center; font-weight: bold;}
 
 .hover_bullon.tbl_bullon .bullon{bottom:-10px;}

 .interview_txt{position:relative; padding:20px 40px; text-align:left;}
 .interview_txt li{position:relative; padding-left:10px; margin-bottom:15px}
 .interview_txt li:nth-last-child(1){margin-bottom:0}
 .interview_txt li:before{content:''; display:inline-block; width:4px; height:4px; position:absolute; left:0; top:9px; border-radius:50%;}
 .interview_txt li span{color:#000 !important; display:inline-block; margin-left:10px; font-style:italic;}

 @media screen and (max-width:600px){
  .interview_txt{padding:20px 20px}
  .interview_txt li br{display:none}
 }
 

/* subpage08:  지난호보기*/
	.LastIssue{position:relative; border: 1px solid #C8E2E6; margin: 0 0 10px 0; background-color: #C8E2E6;}
	.LastIssue_txt{display:inline-block; box-sizing:border-box; width:70px; height:50px; position:relative; border-width:1px; border-style:none; font-weight:bold; font-size:15px; vertical-align:middle}
	.LastIssue_txt:after{content:''; display:block; width:95%; height:0px; border-color:inherit; position:absolute; right:0; top:50%; border-top-color:inherit; border-top-style:solid; border-top-width:1px; transform:rotate(-34deg);}
	.LastIssue.big{width:95px; height:60px;}
	.LastIssue.big:after{transform:rotate(-30deg);}
	.LastIssue .num{position:absolute; left:5px; top:5px;}
	.LastIssue .txt{position:absolute; right:5px; bottom:5px; font-size: 17px;}
	.LastIssue_tit{display:inline-block; vertical-align:middle; font-size: 18px; font-weight:bolder; margin-left:5px; max-width:calc(100% - 75px)}
	.LastIssue_tit span {display: block; font-size: 15px; padding-left: 5px; padding-top: 8px;}
	.LastIssue:hover:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background:rgba(255,255,255,0.6); z-index:0}
	.LastIssue_tit a{position:relative; display:block; z-index:10;}
	
	 @media screen and (max-width:768px){
		.LastIssue_txt{font-size:13px; width:60px}
		.LastIssue_txt.big{width:85px}
		.LastIssue_tit span {padding-left: 0 ;}
	 }

	 @media screen and (max-width:600px){
		.LastIssue_txt{font-size:11px; width:60px}
		.LastIssue_txt.big{width:85px}
		.LastIssue_tit span {padding-left: 0 ;}
		.LastIssue_tit{font-size: 15px;}
		.LastIssue_tit span {font-size: 12px;}

	 }

.visual_txt{position:relative;}
.visual_txt .bg{display:block; width:100%;}
.visual_txt .visual_cont{position:absolute; left:40px; top:40px; width:calc(100% - 80px); height:calc(100% - 80px); box-sizing:border-box; border:8px solid #fff; border-top:0; display:flex; flex-wrap:wrap; color:#fff; align-content:center;}
.visual_txt .visual_cont .visual_label{position:absolute; left:0; top:-19px; padding-top:20px; color:#fff; font-weight:bold; font-size:20px; text-align:center; width:100%; overflow:hidden;}
.visual_txt .visual_cont .visual_label span{position:relative; padding:0 20px;}
.visual_txt .visual_cont .visual_label span:before{position:absolute; width:999px; height:8px; background:#fff; content:''; display:block; right:100%; top:0}
.visual_txt .visual_cont .visual_label span:after{position:absolute; width:999px; height:8px; background:#fff; content:''; display:block; left:100%; top:0}
.visual_txt .visual_cont .visual_label span b{position:relative; top:-10px}
.visual_txt .visual_cont .visual_tit{width:100%; text-align:center; height:200px; display:flex; align-content:center; flex-wrap:wrap; justify-content:center; font-weight:bold; font-size:35px; padding:20px 0 0 0; box-sizing:border-box;}
.visual_txt .visual_cont .visual_tit .tit_place{width:100%}
.visual_txt .visual_cont .visual_tit .tit_place i{font-size:15px}
.visual_txt .visual_cont .visual_txt{width:100%; text-align:left; height:calc(100% - 200px); display:flex; align-content:center; flex-wrap:wrap; padding:0 40px 40px 40px; box-sizing:border-box;}
.visual_txt .visual_cont .visual_txt ul{position:relative; margin-top:5px}
.visual_txt .visual_cont .visual_txt ul li{position:relative;}
.visual_txt .visual_cont .visual_txt ul li:before{content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#fff; vertical-align:middle; margin-right:10px}
.visual_txt .visual_cont .visual_txt .txt_place{width:100%; text-align:left; font-size:23px; line-height:1.7}
.visual_txt .visual_cont .visual_txt .txt_place.center{text-align:center;}
.visual_txt .visual_cont .visual_txt .txt_tail{text-align:center; margin-top:40px}

@media screen and (max-width:939px){
  .visual_txt .visual_cont .visual_tit{font-size:4vw; height:150px}
  .visual_txt .visual_cont .visual_tit .tit_place i{font-size:2vw}
  .visual_txt .visual_cont .visual_txt{height:calc(100% - 150px)}
  .visual_txt .visual_cont .visual_txt .txt_place{font-size:2.5vw;}
  .visual_txt .visual_cont .visual_txt .txt_tail{margin-top:15px}
}

@media screen and (max-width:768px){
  .visual_txt .visual_cont{left:20px; top:20px; width:calc(100% - 40px); height:calc(100% - 40px); border-width:5px;}
  .visual_txt .visual_cont .visual_label span:before, .visual_txt .visual_cont .visual_label span:after{height:5px}
  .visual_txt .visual_cont .visual_label span b{font-size:16px}
}


/**
ETC
**/

/* Scroll Top */
a.scroll_top{display:inline-block; width:50px; height:50px; overflow:hidden; border-radius:50%; background:url('../img/common/scroll_top.png') center 12px #d9d9d9 no-repeat; position:fixed; bottom:20px; left:50%; margin-left:400px; z-index:100; font-weight:400; font-size:15px; color:#fff; line-height:63px; text-align:center;}
a.scroll_top:hover{transition:0.3s; -webkit-transition:0.3s;}

@media screen and (max-width:940px){
	a.scroll_top{left:auto; right:20px; margin-left:0; width:45px; height:45px; font-size:12px; line-height:60px}
}

/* Quick Menu */
.quick_menu{position: fixed; bottom:20px; left:50%; margin-left:400px; z-index:100;}
.quick_menu > li{margin-top:10px;}
.quick_menu > li > a{display:block; width:50px; height:50px; overflow:hidden; border-radius:50%; background-color:#d9d9d9; background-position:center center; background-size:20px auto; background-repeat:no-repeat; font-size:0px; font-weight:400; line-height:63px; position:relative;}
.quick_menu > li > a > img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%;}

@media screen and (max-width:940px){
  .quick_menu{left:auto; right:20px; margin-left:auto;}
  .quick_menu > li{margin-top:5px}
  .quick_menu > li > a{width:40px; height:40px;}
}

/* 들여쓰기 */
.indent68{padding-left:65px !important; text-indent:-65px !important;}
.indent78{padding-left:78px !important; text-indent:-78px !important;}

@media screen and (max-width:840px){
  .indent68, .indent78{padding-left:0 !important; text-indent:0 !important;}
}

.interview-box{position:relative;}
.interview-box:before, .interview-box:after{content:''; display:block; width:3px; height:60%; position:absolute; background:#fff; top:50%; transform:translateY(-50%)}
.interview-box:before{left:-3px;}
.interview-box:after{right:-3px}