@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////
 공통 - UI
//////////////////////////////////////////////////////////////////////*/
body {position:relative;}
#skip_navi {display:none;}

#wrapper{background-color:#fff;}
.base_row {}
.base_width {margin:0 auto; width:1350px; display:table; table-layout:fixed; }
h2.row_title {font-size:30px; font-weight:normal; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

/* pc*/
.pc_hidden {display:none;}
@media all and (max-width:1350px){
	.base_width {margin:0 auto; width:100%;}
}
@media all and (max-width:768px){
	.pc_hidden {display:block; vertical-align:middle;}
	.mobile_hidden {display:none; vertical-align:middle;}
}

/* 모바일*/
@media all and (max-width:414px){
	/*.mobile_hidden {display:none;}*/
}

/*//////////////////////////////////////////////////////////////////////
 Header 영역
//////////////////////////////////////////////////////////////////////*/
#header {}
.header_top {height:60px; background-color:#f3f4f6;}
.header_top .left {float:left;}
.header_top .right {float:right;}


.header_top .base_width {position:relative;}
a.btn_sidemenu.desktop {display:table; width:80px; height:60px; text-align:center; color:#fff; background-color:#000;}
a.btn_sidemenu.desktop span {display:table-cell; line-height:1.2; vertical-align:middle;}

/*
a.btn_sidemenu {display:inline-block; padding:15px 0; width:30px; line-height:0;}
a.btn_sidemenu span {display:inline-block; margin:3px 0; width:30px; height:3px; background-color:#231f20;}
a.btn_sidemenu:hover span {background-color:#bababa;}*/
a.btn_sidemenu.mobile {display:none;}

.side_menu {line-height:0; position:absolute; top:0; left:0; z-index:100;}
/*a.btn_sidemenu_close  {display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; background:url('/images/icon/icon_sidemenu_close.png') #000 no-repeat center center;}*/
a.btn_sidemenu_close  {display:inline-block; width:80px; height:60px; line-height:60px; text-align:center; background:url('../images/icon/icon_sidemenu_close.png') #000 no-repeat center center;}

.sidemenu_list {display:table; width:400px; border:solid 1px #000; background-color:#fff; overflow:hidden;}
.sidemenu_list .menu_grid {display:table-cell; width:50%; padding:20px 30px;}
.sidemenu_list .menu_grid>ul {line-height:3.6;}
.sidemenu_list .menu_grid>ul>li {}
.sidemenu_list .menu_grid>ul>li>a.btn_sidemenu_title {display:block; font-size:17px; font-weight:600; position:relative;}
.sidemenu_list .menu_grid>ul>li>a.btn_sidemenu_title:hover {color:#666666;}
.sidemenu_list .menu_grid>ul>li>a.btn_sidemenu_title span.cert {display:inline-block; width:19px; height:19px; background:url('/images/icon/icon_arrow_cirlce_down.png') no-repeat center center; position:absolute; top:50%; right:0; margin-top:-10px;}
.sidemenu_list .menu_grid>ul>li>a.btn_sidemenu_title.active span.cert {background:url('/images/icon/icon_arrow_cirlce_up.png') no-repeat center center;}
.sidemenu_list .menu_grid>ul>li>a.btn_sidemenu_title.subscibe {color:#d2232a;}
.sidemenu_list .menu_grid>ul>li>a.btn_sidemenu_title.subscibe:hover {color:#a01e02 ;}
.sidemenu_list .menu_grid>ul>li>a.btn_sidemenu_title.premium strong {color:#d2232a;}
.sidemenu_cont {}
.sidemenu_cont ol {padding:15px; line-height:2.1; background-color:#f3f4f6;}
.sidemenu_cont ol li {}
.sidemenu_cont ol li a {color:#6d6e71;}
.sidemenu_cont ol li a:hover {color:#8a8a8a;}

/* 데스크탑 */
@media all and (max-width:1350px){
	.header_top {padding:0 10px;}
}

/* 모바일*/
@media all and (max-width:640px){
	.header_top {padding:0; height:60px; background-color:#fff;}
	.header_top .left {padding-top:10px;}
    a.btn_sidemenu.desktop {display:none;}
    a.btn_sidemenu.mobile {display:block; padding:10px 0; width:60px; line-height:0; text-align:center; border-right:solid 1px #ccc;}
    a.btn_sidemenu.mobile span {display:block; margin:3px auto; width:20px; height:2px; background-color:#231f20;}
	/*a.btn_sidemenu {display:inline-block; padding:10px 0; width:60px; text-align:center; border-right:solid 1px #ccc;}
	a.btn_sidemenu span {display:block; margin:3px auto; width:20px; height:2px; background-color:#231f20;}*/
    a.btn_sidemenu_close  {display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; background:url('/images/icon/icon_sidemenu_close.png') #000 no-repeat center center;}

	.side_menu {width:250px;}
	.sidemenu_list {display:block; width:100%; border:solid 1px #000; background-color:#fff; overflow:hidden;}
	.sidemenu_list .menu_grid {display:block; width:initial; padding:0 30px;}
	.sidemenu_list .menu_grid>ul {line-height:3;}
}


.header_body {height:130px; background-color:#fff;}
.header_body .base_width {position:relative;}
.header_body .left {float:left;}
.header_body .right {float:right; width:190px;}

h1.site_logo {width:134px; height:130px; font-size:0; text-indent:-10000px; background:url('/images/common/site_logo.png') no-repeat center center; cursor:pointer;}
.search_header {border-bottom:solid 2px #d5d7d8; position:absolute; top:60px; left:50%; margin-left:-300px;}
.search_header .total_search {padding:0 0 15px 10px; width:575px; font-size:20px; border:none;}
.search_header button.btn_search {width:25px; height:25px; background:url('/images/icon/btn_search.png') no-repeat center center; position:relative; top:-2px;}

.quick_magazine_link {padding-top:30px;}
.quick_magazine_link a.btn_go {display:inline-block; margin-bottom:5px; padding:0 0 0 20px; width:165px; height:33px; font-size:14px; line-height:33px; color:#282828; border:solid 1px #ebebeb;
	-webkit-border-radius:34px;
	-moz-border-radius:34px;
	-o-border-radius:34px;
	border-radius:34px;
}
.quick_magazine_link a.btn_go:hover {background-color:#f3f2f2;}
.quick_magazine_link a.btn_go_dbr {background:url('/images/icon/icon_arrow_red_right.png') no-repeat 160px center;}
.quick_magazine_link a.btn_go_hbrglobal {background:url('/images/icon/icon_arrow_red_bottom.png') no-repeat 160px center;}
.quick_magazine_link a.btn_go_hbrglobal.active {background:url('/images/icon/icon_arrow_red_top.png') no-repeat 160px center;}

.quick_member_link {line-height:60px; position:relative; display:flex;}
.quick_member_link a {color:#6d6e71; margin-left:18px;}
.quick_member_link a:hover {color:#8a8a8a;}
/*
.quick_member_link a.btn_login {margin-left:0; color:#d2232a; font-weight:600;}
.quick_member_link a.btn_login:hover {color:#a01e02;}*/
.quick_member_link a.btn_login {/*margin-left:0; color:#d2232a; */font-weight:normal;}
.quick_member_link a.btn_login:hover {/*color:#a01e02;*/}

.quick_member_link a.btn_go_hbrglobal {background:url('/images/icon/icon_arrow_red_bottom.png') no-repeat right center; padding-right: 18px; color:#444;}
.quick_member_link a.btn_go_hbrglobal.active {background:url('/images/icon/icon_arrow_red_top.png') no-repeat right center; padding-right: 18px; color:#444;}

.global_editions_menu {width:130px; background-color:#fff; border:solid 1px #ebebeb; overflow:hidden; position:absolute; top:49px; right:0; z-index:10; }
.global_editions_menu ul {padding:10px 0;}
.global_editions_menu ul li {}
.global_editions_menu ul li a {display:block; padding:0 20px; height:29px; line-height:29px; font-size:13px; color:#6d6e71; border-top:solid 1px #ebebeb; background-color:#fff;}
.global_editions_menu ul li a:hover {color:#282828; background-color:#f3f4f6;}
.global_editions_menu ul li.first a {border-top:none;}

.search_header_mobile {display:none;}

/* 데스크탑 */
@media all and (max-width:1350px){
	.header_body {padding:0 10px;}

	.search_header {margin-left:-200px;}
	.search_header .total_search {padding:0 0 15px 10px; width:375px;}
}

@media all and (max-width:1024px){
	.search_header {margin-left:-120px;}
	.search_header .total_search {padding:0 0 15px 10px; width:175px;}
}

/* 모바일*/
@media all and (max-width:640px){
	.quick_member_link {padding-top:8px; line-height:1.7; text-align:right; display:unset; }
	.quick_member_link a {display:inline-block; margin-left:0; color:#6d6e71; font-size:14px; padding:0 7px; }
	.quick_member_link a.btn_login {color:inherit; font-weight:normal;}
	.quick_member_link a.btn_customcenter {display:none;}
  .quick_member_box { display:flex; }
  .quick_member_btn {border: 1px solid #ebebeb; display: inline-block; border-radius: 15px; padding-right: 10px; background: url(/images/icon/icon_arrow_red_right.png) no-repeat 95% center;}

	.header_body {height:0px; background-color:#fff; position:relative;}
	.header_body .left {float:left;}
	.header_body .right {display:none;}
	.search_header {display:none;}
	h1.site_logo {width:70px; height:60px; font-size:0; text-indent:-10000px; background:url('/images/common/site_logo.png') no-repeat center center; background-size:100%; position:absolute; top:-60px; left:75px;}

	.search_header_mobile {display:block; margin:0 30px; padding:20px 30px 0 0; border-bottom:solid 2px #d5d7d8; position:relative;}
	.search_header_mobile .total_search {padding:0; width:100%; height:40px; font-size:22px; border:none;}
	.search_header_mobile .total_search::placeholder {color:#ccc;}
	.search_header_mobile button.btn_search {width:20px; height:20px; background:url('/images/icon/btn_search.png') no-repeat center center; background-size:100%; position:absolute; bottom:7px; right:0;}

  .btn_go_hbrglobal { display:none !important; }
}

/* TOP 배너 2023-05-24 박은진 */
.top-banner-wrap { width:100%; height:auto; position:relative; text-align:center; }
.top-banner-wrap button.close { width:40px; height:40px; border-radius:20px; padding:8px; line-height:40px; margin:0; box-sizing:border-box; position:absolute; left:55%; top:100%; margin-left:550px; margin-top:-67px; text-indent:-9999px; font-size:0; background:#fff url(/images/banner/x.png) no-repeat 50% 50%; background-size:50%; border:none; z-index:1; }
.pc-slideshow-container { margin:auto; display:block; }
.mo-slideshow-container { margin:auto; display:none; }

@media(max-width:1110px){
  .top-banner-wrap button.close { left:auto; right:10px; margin-left:0; }
  .pc-slideshow-container { margin:auto; display:block; }
  .mo-slideshow-container { display:none; }
  .ban-pc-view { width:100%; max-height:80px; }
  .ban-m-view { width:100%; max-height:80px; }
}
@media(max-width:768px){
  .top-banner-wrap button.close { left:auto; right:10px; margin-left:0; width:30px; height:30px; margin-top:-11%; }
  .pc-slideshow-container { display:none; }
  .mo-slideshow-container { margin:auto; display:block; }
  .ban-pc-view { width:100%; max-height:80px; }
  .ban-m-view { width:100%; max-height:800px; }
}

/*//////////////////////////////////////////////////////////////////////
 메인페이지 이미지 영역
//////////////////////////////////////////////////////////////////////*/
.visual_main {line-height:1;height:240px;}
/*
.bg00_default { background: url(/images/main/visual_00_default.png) #555555 no-repeat center top; }
.bg01_blue { background: url(/images/main/visual_01_blue.png) #21273f no-repeat center top; }
.bg02_brown { background: url(/images/main/visual_02_brown.png) #836959 no-repeat center top; }
.bg03_black { background: url(/images/main/visual_03_black.png) #12131c no-repeat center top; }
.bg04_grey { background: url(/images/main/visual_04_grey.png) #71726a no-repeat center top; }
.bg05_yellow { background: url(/images/main/visual_05_yellow.png) #918569 no-repeat center top; }
.bg06_event { background: url(/images/main/visual_07_event.png) #918569 no-repeat center top; }
*/
.main_ment_content {padding-top:40px; text-align:center; color:#fff; position:relative; }
.main_ment_content .main_ment {display:block; font-size:36px; line-height:50px; word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}
/*.main_ment_content .sub_ment {display:block; padding:50px 0; font-size:28px;}*/
/*.main_ment_content button {margin:0 10px 10px; width:254px; height:54px; color:#fff; font-size:20px; background:none; border:solid 3px #fff;}*/
.main_ment_content button {margin:30px 0; width:120px; height:34px; color:#fff; font-size:16px; background:#262626; border-radius:34px;}
.main_ment_content button.btn_free {}
.main_ment_content button.btn_free:hover {border:solid 3px #f3f2f2;}
.main_ment_content button.btn_katalk {color:#f7e600; border:solid 3px #f7e600;}
.main_ment_content button.btn_katalk:hover {color:#f7e600; border:solid 3px #f7e600;}
.btn_arrow { display:block; position: absolute; top: 0; right: 0; background: #fff; color: #6d6e71; padding: 5px; border: 1px solid #d5d7d8; }

/* pc*/
@media all and (max-width:1350px){
	/*.visual_main {height:480px;}*/
}

/* 모바일*/
@media all and (max-width:640px){
	.visual_main {height:initial;}
	.main_ment_content {padding:30px 10px 0 10px;}
	.main_ment_content .main_ment {display:block; font-size:26px; line-height:32px;}
	/*.main_ment_content .sub_ment {display:block; padding:20px 0 30px; font-size:16px;}*/
	/*.main_ment_content button {width:200px; height:40px; color:#fff; font-size:16px; background:none; border:solid 3px #fff;}*/
}


/*//////////////////////////////////////////////////////////////////////
 기본 기사 리스트
//////////////////////////////////////////////////////////////////////*/
.post_list_box {}
ul.post_list {padding:25px 22px 0; overflow:hidden;}
ul.post_list li {float:left; margin-bottom:50px; width:33.33%;}
ul.post_list li .outline {}
ul.post_list li a {display:block; padding:0 30px;}
ul.post_list li .thum {display:block; height:225px; background-repeat:no-repeat; background-position:center center; background-size:auto 225px; background-color:#efefef; position:relative;}
ul.post_list li .thum.type_media:after {display:inline-block; content:""; clear:both; width:88px; height:88px; position:absolute; top:50%; left:50%; margin-top:-44px; margin-left:-44px; background:url('/images/icon/icon_player.png') no-repeat center center; z-index:1;}
ul.post_list li .post_cont {display:block; line-height:1.3;}
ul.post_list li .post_cont .subject {display:block; padding:15px 0 10px; font-size:20px; color:#282828;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
ul.post_list li a:hover .post_cont .subject {color:#666;}
ul.post_list li .post_cont .lead_txt {display:block; margin-bottom:15px; font-size:14px; color:#888888;
	height:56px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
ul.post_list li .post_info {display:block; padding:0 30px; height:30px; color:#888888; font-size:14px; line-height:1;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
ul.post_list li .post_info .post_cata {display:inline-block; padding-right:5px; color:#d2232a;}
ul.post_list li .post_info .post_type {padding:0 5px; border-left:solid 1px #888888;}
ul.post_list li .post_info .post_ho {padding:0 5px; color:#0787b1; border-left:solid 1px #888888; display:inline-block;}
ul.post_list li .post_info .post_date {display:inline-block; padding:0 5px; border-left:solid 1px #888888;}
ul.post_list li .icon_new{ background: #d2232a; color: #fff; line-height: 20px; font-size: 12px; padding: 0 5px; position: absolute; z-index: 1; }
ul.post_list li .icon_magazine{ background: #0000FF; color: #fff; line-height: 20px; font-size: 12px; padding: 0 5px; position: absolute; z-index: 1; }

ul.post_list li .post_info_term {display:block; padding:0 30px; height:30px; color:#888888; font-size:14px; line-height:1;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
ul.post_list li .post_info_term .post_title {display:inline-block; padding-right:5px; color:#d2232a;}
ul.post_list li .post_info_term .post_desc {display:inline-block; padding:0 5px; border-left:solid 1px #888888;}

ul.post_list li .post_info_time {display:block; padding:0 30px; height:30px; color:#888888; font-size:14px; line-height:1;
      text-overflow:ellipsis;
      white-space:nowrap;
      word-wrap:normal;
      overflow:hidden;
}
ul.post_list li .post_info_time .post_title {display:inline-block; padding-right:5px; color:#d2232a;}
ul.post_list li .post_info_time .post_title.post_place {padding-left:10px;}
ul.post_list li .post_info_time .post_desc {display:inline-block; padding:0 5px; border-left:solid 1px #888888;}

.more_box {margin-bottom:45px; padding-top:20px; text-align:center; border-top:solid 2px #d5d7d8;}
.more_box .btn_more {padding-right:20px; font-size:18px; background:none; border:none; background:url('/images/icon/icon_arrow_right.png') no-repeat right center;}
.more_box .btn_more:hover {color:#8a8a8a;}
.btn_label { padding: 0 30px; border: 0; background: #0787b1 url(/images/icon/icon_arrow_white_right.png) no-repeat 90% center; height: 40px; line-height: 40px; color: #fff; font-size: 15px; }

/* 데스크탑 */
@media all and (max-width:1350px){
	ul.post_list {padding:25px 10px 0; overflow:hidden;}
	ul.post_list li {float:left; margin-bottom:50px; width:33.33%;}
	ul.post_list li a {display:block; padding:0 10px;}
	ul.post_list li .thum {height:225px;}

	ul.post_list li .post_info {padding:0 10px;}
	ul.post_list li .post_info_term {padding:0 10px;}
	ul.post_list li .post_info_time {padding:0 10px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	ul.post_list {padding:25px 10px 0; overflow:hidden;}
	ul.post_list li {float:left; margin-bottom:20px; width:33.33%;}
	ul.post_list li a {display:block; padding:0 10px;}
	ul.post_list li .thum {height:150px;}

	ul.post_list li .post_cont {display:block; line-height:1.3;}
	ul.post_list li .post_cont .subject {display:block; padding:10px 0; font-size:18px; color:#282828;}
	ul.post_list li .post_cont .lead_txt {display:block; margin-bottom:15px; font-size:12px; color:#888888;
		height:30px;
	    display:-webkit-box;
	    -webkit-line-clamp:2;
	    -webkit-box-orient:vertical;
	    overflow:hidden;
	    text-overflow:ellipsis
	}
}
@media all and (max-width:768px){
	ul.post_list {padding:25px 10px 0; overflow:hidden;}
	ul.post_list li {float:left; margin-bottom:20px; width:50%;}
	ul.post_list li a {display:block; padding:0 10px;}
	ul.post_list li .thum {height:150px;}
}


/* 모바일 */
@media all and (max-width:414px){
	ul.post_list {padding:20px 5px 0; overflow:hidden;}
	ul.post_list li {float:left; margin-bottom:20px; width:100%;}
	ul.post_list li a {display:block; padding:0 10px;}
	ul.post_list li .thum {height:180px;}

	.more_box {margin-bottom:30px; padding-top:5px; text-align:center; border-top:solid 1px #d5d7d8;}
	.more_box .btn_more {padding-right:20px; font-size:16px; background:none; border:none; background:url('/images/icon/icon_arrow_right.png') no-repeat right center;}
}


/* 메인 기사 리스트의 세로 배열*/
.main_post_box {overflow:hidden;}
.main_post_box ul.post_list {padding:25px 0 0; overflow:hidden;}
.main_post_box .grid_3_2 {float:left; width:66.66%;}
.main_post_box .grid_3_2 ul.post_list li {width:50%;}
.main_post_box .grid_3_1 {float:right; width:33.33%;}
.main_post_box .grid_3_1 ul.post_list li {width:100%;}

@media all and (max-width:768px){
	ul.post_list {padding:25px 10px 0; overflow:hidden;}
	.main_post_box .grid_3_2 {float:left; width:100%;}
	.main_post_box .grid_3_2 ul.post_list li {width:50%;}
	.main_post_box .grid_3_1 {float:right; width:100%;}
	.main_post_box .grid_3_1 ul.post_list li {width:50%;}
}
/* 모바일 */
@media all and (max-width:414px){
	.main_post_box .grid_3_2 ul.post_list li {width:100%;}
	.main_post_box .grid_3_1 ul.post_list li {width:100%;}
}



/*//////////////////////////////////////////////////////////////////////
 뉴스레터 신청 영역
//////////////////////////////////////////////////////////////////////*/
.newsletter_box {padding:45px 0; background-color:#f3f4f6;}

.newsletter_grid {display:table; width:100%; margin-top:30px; border-top:solid 1px #ccc; text-align:center; }
.newsletter_grid .grid_newsletter {display:table-cell; padding:20px 20px 0; vertical-align:top; width:60%;}
.newsletter_grid .grid_newsletter .outline_top {display:table; width:100%;}
.newsletter_grid .grid_newsletter .outline_top .thum {display:table-cell; vertical-align:middle;}
.newsletter_grid .grid_newsletter .outline_top .thum img {}
.newsletter_grid .grid_newsletter .outline_top .info {display:table-cell; vertical-align:middle; line-height:1.2;}
.newsletter_grid .grid_newsletter .outline_top .info span.tx {display:block; margin-bottom:10px; font-size:18px; color:#888888;}
.newsletter_grid .grid_newsletter .outline_top .info strong.title {display:block; font-size:22px; color:#282828; font-weight:normal;}

.newsletter_grid .grid_newsletter .outline_cont {}

/* 뉴스레터 신청 */
.newsletter_subscribe {padding:17px 0 0;}
.newsletter_subscribe input[type="text"] {padding:0 10px; height:46px; font-size:15px; color:#888888; background-color:#fff; border:solid 1px #d5d7d8;}
.newsletter_subscribe input.user_name {width:178px;}
.newsletter_subscribe input.user_email {width:258px;}
.newsletter_subscribe button {width:130px; height:48px; color:#fff; font-size:15px; background-color:#d2232a; border:solid 1px #d2232a;}
.newsletter_subscribe button:hover {background-color:#a01e02;}
.newsletter_subscribe .person_info_check {padding-top:5px; color:#888888;}
.newsletter_subscribe .person_info_check a {color:#0787b1; text-decoration:underline;}
.newsletter_subscribe .person_info_check a:hover {color:#6ac0e1;}

/* sns 구독하기 */
.newsletter_grid .grid_sns {display:table-cell; padding:20px 20px 0; vertical-align:top; width:40%;}
.newsletter_grid .grid_sns .outline {display:table; width:100%;}
.newsletter_grid .grid_sns .outline .thum {display:table-cell; padding-top:20px; vertical-align:bottom;}
.newsletter_grid .grid_sns .outline .thum img {}
.newsletter_grid .grid_sns .outline .info {display:table-cell; vertical-align:middle; line-height:1.2;}
.newsletter_grid .grid_sns .outline .info span.tx {display:block; margin-bottom:10px; font-size:18px; color:#888888;}
.newsletter_grid .grid_sns .outline .info strong.title {display:block; font-size:22px; color:#282828; font-weight:normal;}
.newsletter_grid .grid_sns .outline .info .func {padding-top:20px; display:flex; justify-content:space-evenly; }
.newsletter_grid .grid_sns .outline .info .func button {width:200px; height:48px; font-size:15px; color:#fff; display:flex; justify-content:center; align-items: center;}
.newsletter_grid .grid_sns .outline .info .func button > img { padding-right:10px; }
.newsletter_grid .grid_sns .outline .info .func button.btn_subscribe_fb {background-color:#4267b2;}
.newsletter_grid .grid_sns .outline .info .func button.btn_subscribe_instargram {background: linear-gradient(90deg, #ed001a, #cb007f);}



/* 데스크탑 */
@media all and (max-width:1350px){
	.newsletter_box {padding:30px 0;}

	.newsletter_subscribe input.user_name {width:100px;}
	.newsletter_subscribe input.user_email {width:200px;}
	.newsletter_subscribe button {width:80px;}

	.newsletter_grid .grid_sns .outline .info .func button {width:150px; height:48px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.newsletter_box {padding:20px 0;}

	.newsletter_grid {display:table; width:100%; margin-top:30px; border-top:solid 1px #ccc;}
	.newsletter_grid .grid_newsletter {display:table-cell; padding:20px 20px 0; vertical-align:top; width:50%;}
	.newsletter_grid .grid_newsletter .outline_top {display:table; width:100%;}
	.newsletter_grid .grid_newsletter .outline_top .thum {display:table-cell; vertical-align:middle;}
	.newsletter_grid .grid_newsletter .outline_top .thum img {}
	.newsletter_grid .grid_newsletter .outline_top .info {display:table-cell; vertical-align:middle; line-height:1.2;}
	.newsletter_grid .grid_newsletter .outline_top .info span.tx {margin-bottom:10px; font-size:15px;}
	.newsletter_grid .grid_newsletter .outline_top .info strong.title {font-size:18px;}

	.newsletter_subscribe {padding:0; text-align:center;}
	.newsletter_subscribe input[type="text"] {padding:0 5px; width:250px; height:40px; font-size:15px;}
	.newsletter_subscribe input.user_name {width:70px;}
	.newsletter_subscribe input.user_email {width:150px;}
	.newsletter_subscribe button {width:80px; height:42px; font-size:15px;}
	.newsletter_subscribe .person_info_check {padding-top:10px; font-size:14px;}
	.newsletter_subscribe .person_info_check strong {color:#0787b1; font-size:14px;}

	.newsletter_grid .grid_sns {padding:20px 10px 0; vertical-align:top;}
	.newsletter_grid .grid_sns .outline .thum {padding-top:20px; vertical-align:middle;}
	.newsletter_grid .grid_sns .outline .info span.tx {margin-bottom:10px; font-size:15px;}
	.newsletter_grid .grid_sns .outline .info strong.title {font-size:18px;}
	.newsletter_grid .grid_sns .outline .info .func {padding-top:20px;}
	.newsletter_grid .grid_sns .outline .info .func button {margin-bottom:5px; width:180px; height:48px; font-size:14px; letter-spacing:-1px;}

}
@media all and (max-width:768px){
	.newsletter_box h2.row_title {padding:0 20px; line-height:1.2;}
	.newsletter_box {padding:30px 0;}

	.newsletter_grid {display:block; width:auto;}
	.newsletter_grid .grid_newsletter {display:block; padding:20px 20px 0; width:auto;}
	.newsletter_grid .grid_newsletter .outline_top .thum {text-align:right;}
	.newsletter_grid .grid_sns {display:block; padding:20px 20px 0; width:auto;}
	.newsletter_grid .grid_sns .outline .thum {text-align:right;}

	.newsletter_subscribe input[type="text"] {padding:0 10px; width:130px; height:40px; font-size:15px;}
	.newsletter_subscribe button {width:80px; height:42px; font-size:15px;}
}


/* 모바일 */
@media all and (max-width:414px){
	.newsletter_box h2.row_title {padding:0 20px; font-size:25px; line-height:1.2;}
	.newsletter_box {padding:30px 0;}

	.newsletter_grid .grid_newsletter .outline_top .info { padding:0 15px; }
	.newsletter_grid .grid_newsletter .outline_top .info span.tx {font-size:14px;}
	.newsletter_grid .grid_newsletter .outline_top .info strong.title {font-size:16px;}

	.newsletter_subscribe {padding:20px 15px 0;}
	.newsletter_subscribe input[type="text"] {margin-bottom:5px; padding:0 10px; width:100%; font-size:14px; box-sizing:border-box;}
	.newsletter_subscribe button {width:100%; height:42px; font-size:14px;}
	.newsletter_subscribe .person_info_check {padding-top:10px; font-size:14px;}
	.newsletter_subscribe .person_info_check strong {color:#0787b1; font-size:14px;}

	.newsletter_grid .grid_sns {padding:40px 30px 0;}
	.newsletter_grid .grid_sns .outline .info span.tx {font-size:14px;}
	.newsletter_grid .grid_sns .outline .info strong.title {font-size:16px;}
	.newsletter_grid .grid_sns .outline .info .func {padding-top:20px;flex-direction: column;}
	.newsletter_grid .grid_sns .outline .info .func button {margin-bottom:3px; width:100%; height:36px; font-size:14px; letter-spacing:-1px;}
}

/*//////////////////////////////////////////////////////////////////////
 큐레이팅 영역
//////////////////////////////////////////////////////////////////////*/
.curating_box {background-color:#cbe2e4;}
.curating_box .top {margin-bottom:30px; text-align:center;}
.curating_box .top .row_label {display:inline-block; width:160px; height:40px; line-height:40px; color:#fff; font-size:15px; background-color:#0787b1;}

.curating_box .post_list_box {padding-bottom:50px;}
.curating_box ul.post_list {margin-left:-3.33%; padding:25px 0 0; overflow:hidden;}
.curating_box ul.post_list li {float:left; /*margin-bottom:0;*/ margin-left:3.33%; width:30%; background-color:#fff;}
.curating_box ul.post_list li a {display:block; padding:30px 30px 0;}

.curating_box ul.post_list li .post_info {padding:0 30px 10px; display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.curating_box ul.post_list li .post_info_term {padding:0 30px 10px;}
.curating_box ul.post_list li .post_info_time {padding:0 30px 10px;}

.user_newcontent {padding-top:50px; text-align:center; line-height:1.2; border-top:solid 1px #fff; position:relative;}
.user_newcontent .login_after a {display:inline-block; margin-bottom:5px; padding:0 20px; width:150px; height:33px; line-height:33px; color:#282828; border:solid 1px #ebebeb; position:absolute; top:55px; right:0;
	background:url('/images/icon/icon_arrow_blue_right.png') #fff no-repeat 165px center;
	-webkit-border-radius:34px;
	-moz-border-radius:34px;
	-o-border-radius:34px;
	border-radius:34px;}
.user_newcontent .login_before a {display:inline-block; margin-bottom:5px; padding:0 20px; width:130px; height:33px; text-align:left; line-height:33px; color:#0787b1; border:solid 1px #0787b1; position:relative; top:initial; right:initial;
	background:url('/images/icon/icon_arrow_blue_right.png') no-repeat 145px center;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-o-border-radius:0;
	border-radius:0;}


/* 데스크탑 */
@media all and (max-width:1350px){
	.curating_box .post_list_box {padding:0 15px; /*padding-bottom:30px;*/}
	.curating_box ul.post_list {margin-left:-1.33%; padding:10px 0 0; overflow:hidden;}
	.curating_box ul.post_list li {float:left; /*margin-bottom:0;*/ margin-left:1.33%; width:32%; background-color:#fff;}
	.curating_box ul.post_list li a {display:block; padding:20px 20px 0;}

	.curating_box ul.post_list li .post_info {padding:0 20px 10px;}
	.curating_box ul.post_list li .post_info_term {padding:0 20px 10px;}
	.curating_box ul.post_list li .post_info_time {padding:0 20px 10px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	.curating_box .post_list_box {padding:0 15px; /*padding-bottom:30px;*/}
	.curating_box ul.post_list {margin-left:-1.33%; padding:10px 0 0; overflow:hidden;}
	.curating_box ul.post_list li {float:left; /*margin-bottom:0;*/ margin-left:1.33%; width:32%; background-color:#fff;}
	.curating_box ul.post_list li a {display:block; padding:10px 10px 0;}

	.curating_box ul.post_list li .post_info {padding:0 10px;}
	.curating_box ul.post_list li .post_info_term {padding:0 10px;}
	.curating_box ul.post_list li .post_info_time {padding:0 10px;}

	.user_newcontent {padding-top:0; border-top:none; text-align:center; position:relative;}
	.user_newcontent .login_after a {margin-top:10px; position:relative; top:initial; right:initial;}
}
@media all and (max-width:768px){
	.curating_box h2.row_title {padding:0 15px; font-size:25px;}
	.curating_box .post_list_box {padding:0 0; /*padding-bottom:30px;*/}
	.curating_box .x_scroll {width:100%; overflow-x:auto;}
	.curating_box ul.w2700 { width:2700px !important; }
	.curating_box ul.post_list {margin-left:-10px; padding:10px 10px 0; width:900px; overflow:hidden;}
	.curating_box ul.post_list li {float:left; /*margin-bottom:0;*/ margin-left:10px; width:290px; background-color:#fff;}
	.curating_box ul.post_list li a {display:block; padding:15px 15px 0;
	}
	.curating_box ul.post_list li .post_info {padding:0 15px;}
	.curating_box ul.post_list li .post_info_term {padding:0 15px;}
	.curating_box ul.post_list li .post_info_time {padding:0 15px;}
}

/* 모바일 */
@media all and (max-width:414px){
	.curating_box .top {margin-bottom:15px;}
	.curating_box .top .row_label {display:inline-block; width:160px; height:40px; line-height:40px; color:#fff; font-size:15px; background-color:#0787b1;}
}

/*//////////////////////////////////////////////////////////////////////
 진행 중인 이벤트 영역
//////////////////////////////////////////////////////////////////////*/
.event_list_main_box {padding-top:50px;}
ul.event_list_main {margin-left:-3.33%; margin-bottom:20px; padding-top:20px; overflow:hidden;}
ul.event_list_main li {float:left; margin-left:3.33%; width:30%; overflow:hidden; position:relative;}
ul.event_list_main li a {display:block;}
ul.event_list_main li .thum {display:block; height:242px; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative;}
ul.event_list_main li .thum.type_media:after {display:inline-block; content:""; clear:both; width:88px; height:88px; position:absolute; top:50%; left:50%; margin-top:-44px; margin-left:-44px; background:url('/images/icon/icon_player.png') no-repeat center center; z-index:1;}
ul.event_list_main li .post_cont {display:block; padding:20px; width:100%; line-height:1.4; position:absolute; bottom:0; left:0; z-index:2;}
ul.event_list_main li .post_cont .event_cata {display:inline-block; padding:0 5px; height:30px; line-height:30px; color:#fff; background-color:#d2232a;}
ul.event_list_main li .post_cont .event_subject {padding-right:40px; color:#fff; font-size:20px; font-weight:normal;
	display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}
ul.event_list_main li a:hover .post_cont .event_subject {color:#f3f2f2;}
ul.event_list_main li:after {display:block; content:""; clear:both;  width:100%; height:242px; background:url('/images/common/bg_post_screen.png') repeat-x left bottom; position:absolute; bottom:0; left:0; z-index:1;}
/*ul.event_list_main li .screen {display:block; width:100%; height:242px; background:url('/images/common/bg_post_screen.png') repeat-x left bottom; position:absolute; bottom:0; left:0; z-index:1;}*/

/* 데스크탑 */
@media all and (max-width:1350px){

}

/* 태블릿 */
@media all and (max-width:1024px){

}
@media all and (max-width:768px){
	.event_list_main_box {padding-top:20px;}
	.event_list_main_box  h2.row_title {padding-left:10px; font-size:25px;}
	.event_list_main_box .x_scroll {width:100%; overflow-x:auto;}
	ul.event_list_main {margin-left:-10px; margin-bottom:0; padding:10px 10px 0; width:900px; overflow:hidden;}
	ul.event_list_main li {float:left; margin-bottom:0; margin-left:10px; width:290px; background-color:#fff;}
	ul.event_list_main li a {}
	ul.event_list_main li .thum {display:block; height:180px; background-repeat:no-repeat; background-size:cover; position:relative;}
	ul.event_list_main li .thum.type_media:after {display:inline-block; content:""; clear:both; width:70px; height:70px; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px; background:url('/images/icon/icon_player.png') no-repeat center center; background-size:100%; z-index:1;}
	ul.event_list_main li .post_cont {display:block; padding:15px; width:100%; line-height:1.4; position:absolute; bottom:0; left:0; z-index:2;}
	ul.event_list_main li .post_cont .event_cata {display:inline-block; padding:0 5px; height:24px; line-height:24px; font-size:12px; color:#fff; background-color:#d2232a;}
	ul.event_list_main li .post_cont .event_subject {padding-right:20px; color:#fff; font-size:16px; font-weight:normal;
		display:block;
	    text-overflow:ellipsis;
	    white-space:nowrap;
	    word-wrap:normal;
	    overflow:hidden;
	}
}

/* 모바일 */
@media all and (max-width:414px){

}

/*//////////////////////////////////////////////////////////////////////
 주간 베스트 아티클 영역
//////////////////////////////////////////////////////////////////////*/
.weekly_best_list_main_box {padding-top:20px;}
.weekly_best_list_main_box h2 {margin-bottom:20px;}

.weekly_best_outline {margin-bottom:60px; padding:30px 90px; border:solid 1px #d5d7d8; background-color:#ebebeb; position:relative;}

ul.weekly_best_list_main {margin-left:-3.33%; overflow:hidden;}
ul.weekly_best_list_main li {float:left; margin-left:3.33%; width:30%;}
ul.weekly_best_list_main li a {display:block;}
ul.weekly_best_list_main li .thum {display:block; height:208px; background-repeat:no-repeat; background-size:auto 208px; background-color:#f5f5f5; background-position:center center;}
ul.weekly_best_list_main li .post_cont {display:block; padding:15px; background-color:#fff; height:48px;}
ul.weekly_best_list_main li .post_cont .subject {display:block; font-size:20px; color:#282828; font-weight:normal; line-height:1.2;
	max-height:50px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}
ul.weekly_best_list_main li a:hover .post_cont .subject {color:#666666;}
.weekly_best_navi {width:100%; position:absolute; top:50%; left:0; margin-top:-24px; z-index:1;}
.weekly_best_navi a {display:inline-block; width:48px; height:48px; font-size:0; text-indent:-10000px; line-height:48px; text-align:center; border:solid 1px #d5d7d8;}
.weekly_best_navi a.btn_prev {background:url('/images/icon/icon_arrow2_prev.png') #fff no-repeat center center; position:absolute; top:0; left:-1px;}
.weekly_best_navi a.btn_next {background:url('/images/icon/icon_arrow2_next.png') #fff no-repeat center center;position:absolute; top:0; right:-1px;}

/* 태블릿 */
@media all and (max-width:1024px){
	.weekly_best_outline {margin-bottom:60px; padding:10px 30px; border:none background-color:#ebebeb; position:relative;}
}
@media all and (max-width:768px){
	.weekly_best_list_main_box h2.row_title {padding-left:10px; margin-bottom:10px; font-size:25px;}

	.weekly_best_outline {margin-bottom:30px; padding:10px 0; border:none background-color:#ebebeb; position:relative;}

	.weekly_best_list_main_box .x_scroll {width:100%; overflow-x:auto;}

	ul.weekly_best_list_main {margin-left:-15px; margin-bottom:0; padding:10px 10px 0; width:3600px; height:258px; overflow:hidden;}
	ul.weekly_best_list_main li {float:left; margin-bottom:0; margin-left:15px; width:285px; background-color:#fff;}
	ul.weekly_best_list_main li a {}
	ul.weekly_best_list_main li .thum {display:block; height:180px; background-repeat:no-repeat; background-size:cover; position:relative;}
	ul.weekly_best_list_main li .post_cont {display:block; padding:15px; background-color:#fff;}
	ul.weekly_best_list_main li .post_cont .subject {display:block; font-size:16px; color:#282828; font-weight:normal; line-height:1.2;
		max-height:50px;
	    display:-webkit-box;
	    -webkit-line-clamp:2;
	    -webkit-box-orient:vertical;
	    overflow:hidden;
	    text-overflow:ellipsis
	}
	.weekly_best_navi {display:none;}
}

/*//////////////////////////////////////////////////////////////////////
 banner
//////////////////////////////////////////////////////////////////////*/
.banner_main {margin-bottom:60px;}
.banner_main img {width:100%;}
.banner_main a.banner_pc {}

/* 태블릿 */
@media all and (max-width:768px){
	.banner_main {margin-bottom:30px;}
	.banner_main a.banner_pc {display:none;}
	.banner_main a.banner_mobile {display:block !important;}
}

/*//////////////////////////////////////////////////////////////////////
 HBR Premium 최신 영상
//////////////////////////////////////////////////////////////////////*/
.hbrpremium_box {padding:60px 0; background-color:#525252;}
.hbrpremium_box h2.row_title {color:#fff;}

.hbrpremium_box ul.post_list {padding:25px 0 0; overflow:hidden;}
.hbrpremium_box ul.post_list li {float:left; margin-bottom:50px; width:33.33%;}
.hbrpremium_box ul.post_list li a {display:block; padding:0 22px;}
.hbrpremium_box ul.post_list li .thum {display:block; height:225px; background-repeat:no-repeat; background-size:cover; position:relative;}
.hbrpremium_box ul.post_list li .thum.type_media:after {display:inline-block; content:""; clear:both; width:88px; height:88px; position:absolute; top:50%; left:50%; margin-top:-44px; margin-left:-44px; background:url('/images/icon/icon_player.png') no-repeat center center; z-index:1;}
.hbrpremium_box ul.post_list li .post_cont {display:block; height:85px; line-height:1.3; background-color:#fff;}
.hbrpremium_box ul.post_list li .post_cont .subject {display:block; padding:15px; font-weight:normal;
	height:40px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	white-space:normal;
}
.hbrpremium_box ul.post_list li a:hover .post_cont .subject {color:#666666;}

.hbrpremium_box .more_box {margin-bottom:20px; padding-top:20px; text-align:center; border-top:solid 2px #707070;}
.hbrpremium_box .more_box .btn_more {padding-right:20px; font-size:18px; color:#fff; background:none; border:none; background:url('/images/icon/icon_arrow_white_right.png') no-repeat right center;}
.hbrpremium_box .more_box .btn_more:hover {color:#f3f2f2;}


/* 태블릿 */
@media all and (max-width:1024px){
	.hbrpremium_box ul.post_list li {float:left; margin-bottom:20px; width:50%;}
	.hbrpremium_box ul.post_list li a {display:block; padding:0 10px;}
	.hbrpremium_box ul.post_list li .thum {display:block; height:180px; background-repeat:no-repeat; background-size:cover; position:relative;}
	.hbrpremium_box ul.post_list li .thum.type_media:after {display:inline-block; content:""; clear:both; width:70px; height:70px; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px; background:url('/images/icon/icon_player.png') no-repeat center center; background-size:100%; z-index:1;}
	.hbrpremium_box ul.post_list li .post_cont {display:block; height:70px; line-height:1.3; background-color:#fff;}
	.hbrpremium_box ul.post_list li .post_cont .subject {height:34px; }
}

/* 모바일 */
@media all and (max-width:414px){
	.hbrpremium_box {padding:20px 0; background-color:#525252;}
	.hbrpremium_box h2.row_title {font-size:25px;}

	.hbrpremium_box ul.post_list {padding:10px 0 0; overflow:hidden;}
	.hbrpremium_box ul.post_list li {float:none; margin-bottom:20px; width:100%;}
	.hbrpremium_box ul.post_list li a {display:block; padding:0 22px;}
	.hbrpremium_box ul.post_list li .thum {display:block; height:180px; background-repeat:no-repeat; background-size:cover; position:relative;}
	.hbrpremium_box ul.post_list li .thum.type_media:after {display:inline-block; content:""; clear:both; width:70px; height:70px; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px; background:url('/images/icon/icon_player.png') no-repeat center center; background-size:100%; z-index:1;}
	.hbrpremium_box ul.post_list li .post_cont {display:block; height:68px; line-height:1.3; background-color:#fff;}
	.hbrpremium_box ul.post_list li .post_cont .subject {font-size:16px; height:26px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis}

    .hbrpremium_box .more_box {margin-bottom:20px; padding-top:5px; text-align:center; border-top:solid 2px #707070;}
	.hbrpremium_box .more_box .btn_more {padding-right:20px; font-size:16px; color:#fff; background:none; border:none; background:url('/images/icon/icon_arrow_white_right.png') no-repeat right center;}
}

/* 모바일 */
@media all and (max-width:414px){

}

/*//////////////////////////////////////////////////////////////////////
 매거전 호수별 아티클 찾기
//////////////////////////////////////////////////////////////////////*/
.article_search_box {padding-top:50px; background-color:#0a9dbc;}
.article_search_outline {}

.article_search_outline h2.row_title {color:#fff;}

.article_search_select {padding:40px 0;}
.article_search_select select {width:293px; height:44px; color:#888888; font-size:15px; background-color:#fff; border:solid 1px #d5d7d8;}
.article_search_select select:hover {background-color:#f3f2f2;}
.article_search_select button.btn_find {width:80px; height:44px; color:#fff; background-color:#31363a;}
.article_search_select button.btn_find:hover {background-color:#444444;}

.article_search_result {margin:0 auto; width:953px; height:172px; overflow:hidden; background:url('/images/magazine/magazine_bg.png') no-repeat center top; position:relative;}
.article_search_result .info {display:table; position:absolute; top:33px; right:33px;}
.article_search_result .info .left {display:table-cell; padding-right:10px; vertical-align:top; text-align:right; line-height:1;}
.article_search_result .info .left .url_name {font-size:10px; font-weight:600;}
.article_search_result .info .left .current_article_ho_num {display:block; font-size:16px; font-weight:600;}
.article_search_result .info .right {display:table-cell; vertical-align:top;}
.article_search_result .info .right img {width:100%;}

/* 데스크탑 */
@media all and (max-width:1350px){

}

/* 태블릿 */
@media all and (max-width:1024px){
	.article_search_result {margin:0 10px; width:initial; height:150px; background-size:100%;}
}

@media all and (max-width:768px){
	.article_search_box {padding-top:30px; background-color:#0a9dbc;}
	.article_search_outline {}

	.article_search_outline h2.row_title {color:#fff; font-size:25px; line-height:1.2;}

	.article_search_select {padding:10px;}
	.article_search_select select {margin-bottom:5px; width:initial; height:34px; border:none; box-sizing:border-box;}
	.article_search_select select.year {float:left; width:35%;}
	.article_search_select select.month {float:right; width:63%;}
	.article_search_select button.btn_find {width:100%; height:34px; color:#fff; border:none; background-color:#31363a;}

	.article_search_result {margin:0 10px; width:initial; height:100px; background-size:100%; background-color:#fff;}
	.article_search_result .info {position:absolute; top:20px; right:20px;}

}

/* 모바일 */
@media all and (max-width:414px){
	.article_search_result {margin:0 10px; width:initial; height:70px; background-size:100%; background-color:#fff;}
	.article_search_result .info {position:absolute; top:10px; right:10px;}
	.article_search_result .info .left .url_name {font-size:8px;}
	.article_search_result .info .left .current_article_ho_num {font-size:14px;}
	.article_search_result .info .right img {width:30px;}
}

/*//////////////////////////////////////////////////////////////////////
 footer영역 서비스 구독
//////////////////////////////////////////////////////////////////////*/
#subscribe_box {margin-top:60px; padding:50px 0 60px; text-align:center; border-top:solid 1px #d5d7d8; position:relative;}
#subscribe_box .logo {position:absolute; top:50px; left:0;}
#subscribe_box a.btn_subscribe {display:inline-block; width:540px; height:60px; line-height:60px; text-align:center; font-size:24px; color:#d2232a; border:solid 1px #d5d7d8;}
#subscribe_box a.btn_subscribe:hover {color:#a01e02;}

/* 데스크탑 */
@media all and (max-width:1350px){
	#subscribe_box .logo {position:absolute; top:50px; left:20px;}
}
/* 태블릿 */
@media all and (max-width:1024px){
	#subscribe_box .logo {width:120px;}
	#subscribe_box {padding-right:20px; text-align:right;}
}

@media all and (max-width:768px){
	#subscribe_box {margin-top:30px; padding:20px 10px 20px 120px; text-align:center; border-top:solid 1px #d5d7d8; position:relative;}
	#subscribe_box .logo {width:100px; position:absolute; top:20px; left:10px;}
	#subscribe_box a.btn_subscribe {display:inline-block; width:80%; height:50px; line-height:50px; font-size:16px; color:#d2232a; border:solid 1px #d5d7d8;}

}
/* 모바일 */
@media all and (max-width:414px){
	#subscribe_box {margin-top:30px; padding:20px 10px 20px 100px; text-align:center; border-top:solid 1px #d5d7d8; position:relative;}
	#subscribe_box .logo {width:80px; position:absolute; top:20px; left:10px;}
	#subscribe_box a.btn_subscribe {display:inline-block; width:100%; height:40px; line-height:40px; font-size:14px; font-weight:600; letter-spacing:-1px;}
}

/* 사이트 맵 */
#sitemap_pc {margin-bottom:50px;}
#sitemap_pc ul {overflow:hidden; position:relative;}
#sitemap_pc ul>li {float:left; width:25%; position:relative;}
#sitemap_pc ul>li .outline {padding-left:13px; padding-bottom:20px; height:350px; border-left:solid 1px #d5d7d8;}
#sitemap_pc ul>li strong.title {font-size:16px; font-weight:600; position:relative;}
#sitemap_pc ul>li .sitemap_cont {}
#sitemap_pc .menu_list {}
#sitemap_pc .menu_list li {line-height:32px;}
#sitemap_pc .menu_list li a {color:#6d6e71;}
#sitemap_pc .menu_list li a:hover {color:#8a8a8a;}
#sitemap_pc .custom_info {padding-top:15px; color:#6d6e71; line-height:18px; letter-spacing:-0.5px;}
#sitemap_pc .custom_info .info1 {margin-bottom:16px;}
#sitemap_pc .custom_info .info1 strong { color:#000; line-height:25px; }
#sitemap_pc .custom_info .info1 span { color:#0787b1; }

#sitemap_pc ul>li.last {width:25%; position:absolute; top:130px; left:25%;}
#sitemap_pc ul>li.last .outline {height:initial;}
/*#sitemap ul>li.last a.btn_title .cert {display:none; width:11px; height:11px; background:url('/images/icon/icon_arrow_right.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-5px;}*/
/*#sitemap ul>li.last a.btn_title.active .cert {display:inline-block; width:11px; height:11px; background:url('/images/icon/icon_arrow_right.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-5px;}*/


#sitemap_mobile {display:none; margin-bottom:50px;}
#sitemap_mobile ul {margin:0 10px; border-top:solid 1px #d5d7d8; overflow:hidden;}
#sitemap_mobile ul>li {position:relative;}
#sitemap_mobile ul>li .outline {padding-left:13px; border-bottom:solid 1px #d5d7d8;}
#sitemap_mobile ul>li a.btn_title {display:block; font-size:13px; font-weight:600; padding:10px 0; position:relative;}
#sitemap_mobile ul>li a.btn_title .cert {display:inline-block; width:11px; height:11px; background:url('/images/icon/icon_arrow_bottom.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-5px;}
#sitemap_mobile ul>li a.btn_title.active .cert {display:inline-block; width:11px; height:11px; background:url('/images/icon/icon_arrow_top.png') no-repeat center center; position:absolute; top:50%; right:15px; margin-top:-5px;}

#sitemap_mobile ul>li .sitemap_cont {}
#sitemap_mobile .menu_list {}
#sitemap_mobile .menu_list li {line-height:32px;}
#sitemap_mobile .menu_list li a {color:#6d6e71;}
#sitemap_mobile .menu_list li a:hover {color:#8a8a8a;}
#sitemap_mobile .custom_info {padding-top:15px; color:#0787b1; line-height:16px; letter-spacing:-0.5px;}
#sitemap_mobile .custom_info .info1 {margin-bottom:16px;}

#sitemap_mobile ul>li.last {width:25%; position:absolute; top:130px; left:25%;}
#sitemap_mobile ul>li.last .outline {height:initial;}

/* 데스크탑 */
@media all and (max-width:1350px){

}
/* 태블릿 */
@media all and (max-width:1024px){

}

@media all and (max-width:768px){
    #sitemap_pc {display:none;}
    #sitemap_mobile {display:block;}

}
/* 모바일 */
@media all and (max-width:414px){

}

/* footer, copyright */
#footer {padding-top:30px; padding-bottom:50px; font-size:13px;}
.footer_menu {margin-bottom:10px;}
.footer_menu ul {overflow:hidden;}
.footer_menu ul li {float:left;}
.footer_menu ul li a {display:inline-block; padding:0 15px; color:#a6a6a6; line-height:1; border-left:solid 1px #a6a6a6;}
.footer_menu ul li.first a {padding-left:0; border-left:none;}
.adress_donga {color:#a6a6a6;}
.copyright {color:#a6a6a6;}


/* 데스크탑 */
@media all and (max-width:1350px){
	#footer {padding:20px 10px 20px; line-height:1.2;}
	.adress_donga {margin-bottom:5px;}
}

/* 태블릿 */
@media all and (max-width:1024px){
	#footer {font-size:12px;}
}

@media all and (max-width:768px){
	.footer_menu ul li a {padding:0 10px; font-size:12px;}
}

/* 모바일 */
@media all and (max-width:414px){

}


.free_article_box {width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; background-color:#d2232a; position:fixed; bottom:0; left:0; z-index:10;}
.free_article_box strong {font-size:18px;}
.free_article_box button {float:right; color:#fff; font-size:15px; background-color:#d2232a; position:absolute; bottom:10px; right:10px;}
@media all and (max-width:768px){
	.free_article_box {padding-top:10px; height:initial; line-height:initial;}
	.free_article_box strong {display:inline-block; margin-bottom:5px;}
	.free_article_box button {float:none; margin-bottom:10px; padding:0 15px;  height:40px; position:relative; bottom:0; right:0; border:solid 1px #fff;
		-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	}
}


/*//////////////////////////////////////////////////////////////////////
 아티클 뷰페이지 우공역 추가 2020-04-24
//////////////////////////////////////////////////////////////////////*/

.contents { display:table-cell; width:80%; padding-right:280px; vertical-align:top; box-sizing:border-box; }
.aside { display:table-cell; width:20%; padding-left:25px; border-left:1px solid #ccc; vertical-align:top; box-sizing:border-box; }

@media(max-width:1330px){
	.contents { padding-right:15%; }
}
@media(max-width:1110px){
	.contents { padding-right:10%; }
}
@media(max-width:768px){
	.contents{ display:block; width:100%; padding:0 15px; box-sizing:border-box; }
	.aside{ display:none; }
}