@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:#C53A4A}
.bg_color_theme{background:#C53A4A} /** gnb 펼침매뉴 + hamburger_배경색을 포함 **/
.border_color_theme{border-color:#C53A4A} /** gnb 고정매뉴의 하단 border  **/ 
.hamburger_color_theme{background:#C53A4A;} /** gnb hamburger 색상 **/
.after_color_theme:after, .after_color_theme:before{background:#C53A4A; border-color:#C53A4A} /** gnb 고정매뉴의 좌&우 border **/
.gnb + .header + .side_menu_btn span{background:#C53A4A} /** gnb 고정매뉴 **/
.hover_bg_color_theme:hover{background-color:#C53A4A} /** scroll_top button 버튼 색상 **/ 


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

/* index */
.font_color_Normal {color:#050404;}
.font_color_Issue {color:#050404;}
.font_color_Forum {color:#6A7091;}
.font_color_Fact  {color:#FFFFFF;}
.font_color_Info  {color:#FFFFFF;}
.font_color_ITC  {color:#FFFFFF;}
.bg_color_Issue   {background:#FFFFFF;}
.bg_color_Forum   {background:#FFFFFF;}
.bg_color_Fact   {background:#FFFFFF;}
.bg_color_Info   {background:#FFFFFF;}
.bg_color_ITC   {background:#FFFFFF;}
  

/* 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 0px #9f9f9f}
.new_grid_wrap.cols3 > li{width:calc(100% / 3);}
.new_grid_wrap.flex{display:flex;}
.new_grid_wrap.white > li{background-color:#FFFFFF}
.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; margin-bottom: 20px}


@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: 20px; margin-bottom:20px }
  .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:left; padding:5px 0 5px 5px;}
.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:#ffffff}
.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:16px; 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}
	}

.cnt_top_wrap{position:relative; padding:30px 50px; background:#dcdcdc}
.cnt_top_wrap .tit_box{text-align:center; color:#fff}
.cnt_top_wrap .tit_box .tit{font-size:20px; font-weight:bold;}
.cnt_top_wrap .tit_box .desc{font-size:30px; font-weight:500;}
.cnt_top_wrap .tit_frame{position:relative; max-width:650px; text-align:center; color:#fff; margin:30px auto 0}
.cnt_top_wrap .tit_frame .frame_top{width:100%}
.cnt_top_wrap .tit_frame .frame_bottom{width:100%}
.cnt_top_wrap .tit_frame .place{background:url('../img/common/frame_middle.png') repeat-y; background-size:100% auto; padding:50px 10%; gap:0; flex-wrap:wrap; display:flex; align-items:center; justify-content:center; flex-direction:column;   min-height:200px}
.cnt_top_wrap .tit_frame .place > p{width:100%;}
.cnt_top_wrap .tit_frame .place .tit{font-size:35px; font-weight:bold}
.cnt_top_wrap .tit_frame .place .desc{font-size:25px; font-weight:bold; margin-top:10px;}
.cnt_top_wrap .tit_frame .place .heading{font-size:15px; font-weight:500; vertical-align:top;}
.cnt_top_wrap .desc_box{max-width:650px; margin:0 auto; text-align:left; color:#fff; padding:20px 0;}
.cnt_top_wrap .desc_box p{margin:10px 0; font-weight:500; line-height:1.5;}
.cnt_top_wrap .desc_box .center{text-align:center;}

  @media screen and (max-width:600px){  
    .cnt_top_wrap{padding:20px 30px}
    .cnt_top_wrap .tit_box .tit{font-size:18px}
    .cnt_top_wrap .tit_box .desc{font-size:28px}
    .cnt_top_wrap .tit_frame .place{min-height:auto;}
    .cnt_top_wrap .tit_frame .place .tit{font-size:25px}
    .cnt_top_wrap .tit_frame .place .desc{font-size:15px}
	}

	
.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.depth-1 {padding-left:1.8em; text-indent: -1.8em; word-break: keep-all;}
.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:100%; 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; word-break: break-all;}
.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-radius: 50%; /* 네모를 원으로 만드는 핵심 속성 */
    background-color: #C84149; /* 배경색 추가 */
    border: none; /* 선이 필요 없으면 none, 있으면 1px solid #fff */
    font-weight: bold; 
    font-size: 14px; 
    align-items: center; 
    align-content: center; 
    justify-content: center; 
    flex-wrap: wrap; 
    color: #fff;
    overflow: hidden; /* 원 밖으로 내용이 나가지 않게 설정 */
 }
/* ▶ 기존 네모형태 디자인 
.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:80px; height:80px;}
.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:# ; 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}


/*****
표(table)정의 (ISSUE / FORUM)
******/

/* ▶ISSUE 01 디자인 */

		/* issue01  */
		.issue01 .table-container {margin-bottom: 40px; overflow-x: auto;}

		/* 테이블 공통 스타일 */
		.issue01 .table_01, .issue01 .table_02, .issue01 .table_03 {width: 100%; border-collapse: collapse; border-top: 2px solid #C53A4A; border-bottom: 2px solid #e27070; border-left: none; border-right: none;}
		.issue01 .table_01 th, .issue01 .table_02 th, .issue01 .table_03 th {background-color: #f89b9b; color: white; font-weight: bold; padding: 12px 8px; border: 1px solid #C53A4A; text-align: center; vertical-align: middle !important;}
 		.issue01 .table_01 td, .issue01 .table_02 td, .issue01 .table_03 td {padding: 15px; border: 1px solid #e27070; font-size: 15px; word-break: keep-all; overflow-wrap: break-word; vertical-align: middle !important;}

		/* 좌우 끝 세로줄 제거 */
		.issue01 .table_01 th:first-child, .issue01 .table_01 td:first-child,
		.issue01 .table_02 th:first-child, .issue01 .table_02 td:first-child,
		.issue01 .table_03 th:first-child, .issue01 .table_03 td:first-child {border-left: none;}

		.issue01 .table_01 th:last-child, .issue01 .table_01 td:last-child,
		.issue01 .table_02 th:last-child, .issue01 .table_02 td:last-child,
		.issue01 .table_03 th:last-child, .issue01 .table_03 td:last-child {border-right: none;}
		    
		.issue01 .col-country {text-align: center; vertical-align: middle; font-weight: bold;}
		.issue01 .col-type {text-align: center; vertical-align: middle; font-weight: bold;}
		.issue01 .col-law {text-align: center; vertical-align: middle;}
		.issue01 .col-def-ko {font-weight:  ; color: #000;}

		/* table_03 열 너비 설정 */
		.issue01 .table_03 .col-country { width: 5%; }
		.issue01 .table_03 .col-type { width: 6%; }
		.issue01 .table_03 .col-law { width: 15.5%; }
		.issue01 .table_03 .col-def-en { width: 36.5%; }
		.issue01 .table_03 .col-def-ko { width: 37%; font-weight:; color: #000; }

		/* 강조 및 문단 스타일 */
		.issue01 .bold { font-weight: bold; }
		.issue01 .underline { text-decoration: underline; }
		.issue01 .text-block { margin-bottom: 2px; display: block; vertical-align:middle; }
		.issue01 .item {padding-left: 15px; text-indent: -15px; margin-bottom: 10px;}
		.issue01 .item2 {padding-left: 25px; text-indent: -15px; margin-bottom:  ;}
		.issue01 .legal-text {line-height: 1.6; padding-left: 20px;}
		.issue01 .table-title {color: #ce4c4c; font-size: 20px; font-weight: bold; padding: 25px 0; text-align: center; }

 	/*	@media screen and (max-width: 600px) {
		    .issue01 .table_03 {table-layout: fixed !important; width: 100% !important;}
		    .issue01 .table_03 td {padding: 10px 5px 5px 5px}
		    .issue01 .table_03 .col-country { width: 6% !important; }
		    .issue01 .table_03 .col-type { width: 6% !important; }
		    .issue01 .table_03 .col-law { width: 17% !important; }
		    .issue01 .table_03 .col-def-en { width: 35% !important; }
		    .issue01 .table_03 .col-def-ko { width: 36% !important; }
		}  */
    
    @media screen and (max-width: 600px) {
	      .issue01 .table_01, 
	      .issue01 .table_01 tbody, 
	      .issue01 .table_01 tr, 
	      .issue01 .table_01 td {display: block !important; width: 100% !important; box-sizing: border-box !important; }
	      .issue01 .table_01 thead { display: none !important; } 

	      /* 각 행을 카드 박스로 정의 */
	      .issue01 .table_01 tr {
	        border: 1px solid #e27070 !important; 
	        border-left: 1px solid #fff !important; 
	        border-right: 1px solid #fff !important; 
	        border-bottom: 1px solid #fff !important;
	        margin-bottom: 0px !important; 
	        border-top: 1px solid #C53A4A !important; 
	        background: #fff !important;}
	      .issue01 .table_01 tr:last-child { margin-bottom: 0 !important; }

	      /* 셀 스타일 및 라인 정의 */
	      .issue01 .table_01 td { border: none !important; border-bottom: 1px solid #C53A4A !important; padding: 12px 15px !important; 
	          font-size: 15px !important; word-break: keep-all !important; overflow-wrap: break-word !important;}
	      .issue01 .table_01 td:last-child { border-bottom: none !important; }

	      /* 구분(담배의 정의/구분) 및 근거(법령) 영역 스타일 */
	      .issue01 .table_01 .col-country, 
	      .issue01 .table_01 .col-type { background-color: #F89B9B !important; text-align: center !important; color: #fff !important; font-weight: bold !important; }
	      
	      /* 법령 내용 본문 스타일 */
	      .issue01 .table_01 .legal-text { line-height: 1.6 !important; padding: 15px !important; }
	      .issue01 .table_01 .bold { font-weight: bold; }
	      .issue01 .table_01 .text-block { margin-bottom: 2px; display: block; }
	      .issue01 .table_01 .item { padding-left: 15px; text-indent: -15px; margin-bottom: 10px; }
	      .issue01 .table_01 .item2 { padding-left: 25px; text-indent: -15px; }
    }

		@media screen and (max-width: 600px) {
	      .issue01 .table_03-1 { display: table; width: 100%; border-spacing: 0; background: #fff; margin-bottom: 20px; table-layout: fixed; 
	          border-top: 2px solid #C53A4A !important; border-bottom: 2px solid #C53A4A !important; border-left: none !important; border-right: none !important;}
	      
	      .issue01 .table_03-1 td { 
	          padding: 12px 15px; text-align: left; box-sizing: border-box; border-bottom: 1px solid #F89B9B !important; 
	          border-right: 1px solid #F89B9B !important; border-top: none !important; border-left: none !important; font-size: 14px;}

	      .issue01 .table_03-1 tr:last-child td { border-bottom: none !important; }
	      .issue01 .table_03-1 tr td:last-child { border-right: none !important; }

	      .issue01 .table_03-1 .label { width: 70px; font-weight: bold; text-align: center; font-size: 14px; letter-spacing: -0.5px; vertical-align:middle; }
	      .issue01 .table_03-1 .country-label { background-color: #F89B9B; color: #fff; border-right-color: #fff !important; }
	      .issue01 .table_03-1 .country-value { background-color: #F89B9B; color: #fff; font-size: 16px; font-weight: bold; text-align: center;}
	      .issue01 .table_03-1 .type-label { background-color: #fdf2f2; color: #C53A4A; }
	      .issue01 .table_03-1 .type-value { background-color: #fdf2f2; font-weight: bold; color: #C53A4A; font-size: 15px; text-align:center; }
	      .issue01 .table_03-1 .info-label { background-color: #ffffff; color: #555; }

	      .issue01 .table_03-1 .content { font-size: 14px; color: #333; word-break: keep-all; }
	      .issue01 .table_03-1 .en { font-style:  ; color: # ; font-size: 15px; display: block; margin-bottom: 4px; line-height:  ; } 
	      .issue01 .table_03-1 .ko { font-weight:  ; color: # ; font-size: 15px; display: block; }
	      .issue01 .table_03-1 .law { color: # ; font-weight:  ; font-size: 15px; }
    }

/* --- ▶forum01 디자인  --- */
        
		/* 1. 레이아웃 및 제목 */
		.forum01 .table_01, 
		.forum01 .table_02 {margin: 0; width: 100%; overflow-x: auto;}
		.forum01 .table-title {color: #ce4c4c; font-size: 20px; font-weight: bold; padding: 25px 0; text-align: center; }

		/* 2. 테이블 공통 설정 */
		.forum01 .table_common { width: 100%; border-collapse: collapse; table-layout: auto; background-color: #fff; border-top: 2px solid #ce4c4c; border-bottom: 2px solid #ce4c4c;
		    border-left: none; border-right: none;}

		/* 3. 모든 셀 가로/세로 중앙 정렬 */
		.forum01 .table_common td, 
		.forum01 .table_common th { padding: 10px 4px; font-size: 15px; text-align: center; vertical-align: middle !important; /* 세로 중앙 정렬 강제 */
		    word-wrap: break-word; word-break: break-all; white-space: normal !important; line-height: 1.3; border: 1px solid #ddd; }

		/* 외곽 테두리 제거 */
		.forum01 .table_common tr th:first-child,
		.forum01 .table_common tr td:first-child { border-left: none; }
		.forum01 .table_common tr th:last-child,
		.forum01 .table_common tr td:last-child { border-right: none; }

		/* 마우스 오버 */
		.forum01 .table_common tr:hover td { background-color: #fff0f0 !important; cursor: default; }

		/* 4. Table 01 전용 (니코틴 원액) */
		.forum01 .col-01-no { min-width: 20px; }
		.forum01 .col-01-name { min-width: 30px; }
		.forum01 .col-01-manu { width: auto; }
		.forum01 .col-01-purity { width: auto; }
		.forum01 .col-01-source { with: auto;}
		.forum01 .table_01 thead th { background-color: #e28484; color: white; border: 1px solid rgba(255,255,255,0.3); font-weight: bold; }
		.forum01 .table_01 tbody td:first-child { font-weight: bold; color: #000; }

		/* 5. Table 02 전용 (화합물 분석) */
		.forum01 .table_02 thead th { background-color: #f19a9a; color: white; border: 1px solid #ce4c4c; }
		.forum01 .col-compound-cell { text-align: left !important; padding-left: 12px !important; font-weight: 500; }


/* --- ▶forum02 디자인 --- */

		/* 1. 컨테이너 및 제목 */
		.forum02 .table-container {margin: 20px 0; width: 100%;}
		.forum02 .table_title { color: #D0394D; font-size: 20px; font-weight: bold; margin-bottom: 12px; display: block; text-align: ; }

		/* 2. 테이블 공통 설정 (표 1, 2, 3, 4 모두 해당) */
		.forum02 .table_01, .forum02 .table_02, .forum02 .table_03, .forum02 .table_04 { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; border-top: 2px solid #ce4c4c;
		    border-bottom: 2px solid #ce4c4c; }

		/* 3. 헤더 및 셀 디자인 */
		.forum02 th { background-color: #f19a9a; color: white; padding: 10px 2px; font-size: 14px; border-bottom: 1px solid #ce4c4c; border-right: 1px solid #eee; text-align: center; }
		.forum02 td { padding: 15px 4px; border-bottom: 1px solid #E1908A; border-right: 1px solid #fff; font-size: 15px; text-align: center; color: #333; word-wrap: break-word; background-clip: padding-box; 
		    vertical-align: middle }
		.forum02 th:last-child, .forum02 td:last-child { border-right: none; }

		/* 4. 마우스 오버 효과 */
		.forum02 tr:hover td { background-color: #fff0f0 !important; cursor: default; }

		/* 5. 특수 행/열 스타일 */
		.forum02 .col-category { text-align: center !important; padding-left: 10px !important; font-weight: bold; background-color: #fcfcfc; }
		.forum02 .sub-item { padding-left: 20px !important; font-weight: normal !important; color: # ; }
		.forum02 .group-header { background-color: #f8e7e7 !important; text-align: left !important; padding-left: 10px !important; font-weight: bold; color: #333; }
		.forum02 .sub-group-label { background-color: #ffffff !important; text-align: left !important; padding-left: 10px !important; font-weight: bold; color: #ce4c4c; border-bottom: 1px solid #f19a9a !important; }

		.forum02 .table_02 .col-category { text-align: left !important; padding-left: 10px !important; font-weight: bold; background-color: #fcfcfc; }
		.forum02 .table_02 .sub-item { padding-left: 25px !important; font-weight: normal !important; color: # ; }
		.forum02 .table_04 .group-header { background-color: #f8e7e7 !important; text-align: left !important; padding-left: 10px !important; font-weight: bold; color: #333; }
		.forum02 .table_04 .sub-group-label { background-color: #ffffff !important; text-align: left !important; padding-left: 10px !important; font-weight: bold; color: #ce4c4c; border-bottom: 1px solid #f19a9a !important; }


		.forum02 .table_04 .col-category { text-align: left !important; padding-left: 10px !important; font-weight: bold; background-color: #fcfcfc; }
		.forum02 .table_04 .sub-item { padding-left: 25px !important; font-weight: normal !important; color: # ; }
		.forum02 .table_04 .group-header { background-color: #f8e7e7 !important; text-align: left !important; padding-left: 10px !important; font-weight: bold; color: #333; }
		.forum02 .table_04 .sub-group-label { background-color: #ffffff !important; text-align: left !important; padding-left: 10px !important; font-weight: bold; color: #ce4c4c; border-bottom: 1px solid #f19a9a !important; }


		/* 6. 주석 스타일 */
		.forum02 .table_note { font-size: 14px; color: # ; line-height: 1.6; margin-top: 10px; text-align: left; }

		@media screen and (max-width: 600px) {
 			.forum02 .table_03 tr th{width: 25px; }
 		}	

		  
/***** 
기타 공용 표현들 
*****/ 

/* 리본박스 */
.ribbon-banner { background-color: #d6cfc7; color: #554a43; font-weight: bold; font-size: 24px; width: fit-content; 
		 min-width: 100%; padding: 30px 40px; margin-top: 50px; margin-bottom: 30px; text-align: center; position: relative; border: 1px solid #777; box-sizing: border-box;}
.ribbon-banner::after { content: ""; position: absolute; right: -1px; bottom: -20px; border-left: 20px solid #9a938c; border-bottom: 20px solid transparent; width: 0; height: 0; }

/* 문서 박스 */
	.issue01 .document-box {width: 100%; padding: 30px; box-sizing: border-box; margin-bottom: 50px;}
 	.issue01 .document-box h1 { text-align: center; font-size: 26px; margin-bottom: 40px; letter-spacing: 0.5em; }
	.issue01 .document-box h2 { text-align: center; font-size: 24px; margin-bottom: 30px; }
	.issue01 .document-box p { margin: 15px 0; line-height: 1.5; text-align: justify; }
 	.issue01 .document-box .text-left { text-align: left; }
 	.issue01 .document-box .text-center { text-align: center; }
  .issue01 .document-box .indent-p {padding-left: 1.8em; text-indent: -1.3em;} 
  .issue01 .document-box .sub-list {padding-left: 2.5em; text-indent: -1.5em; display: block; margin-top: 5px; }
  .issue01 .document-box .text-right { text-align: right; font-size: 0.9em; }

  .forum01 .document-box {background-color: #E6E5E5; color: #; width: 100%; padding: 15px; box-sizing: border-box; margin-bottom: 50px;}
  .forum01 .document-box h1 { text-align: left; font-size: 26px; margin-bottom: 40px; letter-spacing: 0.5em; }
 	.forum01 .document-box h2 { text-align: left; font-size: 24px; margin-bottom: 30px; }
  .forum01 .document-box p { margin: 15px 0; line-height: 1.8; text-align: justify; }
  .forum01 .document-box .indent-p {padding-left: 1.8em; text-indent: -1.8em;} 
  .forum01 .document-box .sub-list { padding-left: 1.5em; text-indent: -1.5em; display: block; margin-top: 5px; }
  .forum01 .document-box .text-right { text-align: right; font-size: 0.9em; }
 
 	.forum02 .document-box {background-color: #E6E5E5; color: #; width: 100%; padding: 30px; box-sizing: border-box; margin-bottom: 50px;}
 	.forum02 .document-box h1 { text-align: left; font-size: 26px; margin-bottom: 40px; letter-spacing: 0.5em; }
	.forum02 .document-box h2 { text-align: left; font-size: 24px; margin-bottom: 30px; }
	.forum02 .document-box p { margin: 15px 0; line-height: 1.8; text-align: justify; }
 	.forum02 .document-box .indent-p {padding-left: 1.3em; text-indent: -1.2em;} 
	.forum02 .document-box .sub-list { padding-left: 1.5em; text-indent: -1.5em; display: block; margin-top: 5px; }
	.forum02 .document-box .text-right { text-align: right; font-size: 0.9em; }
 
 	@media screen and (max-width: 600px) {
 		.issue01 .document-box {padding: 15px;}
 		.forum02 .document-box {padding: 15px;}
 	}	
 

.bold {font-weight: bold}
.italic {font-style: italic;}