@charset 'utf-8';

/*
 * Copyright      :    onedaynet / Gobeyond
 * Solution       :    HYSSENCE 2.0
 * Directory      :    pages/css/
 * File           :    ghpf_en.css
 * Description    :    English Style
 * Language       :    English and Responsive english pages 
 *
 * ***********************************************
 *
 * SUMMARY
 * 01) ELEMENT
 */

body {letter-spacing:-0.015em;}





/* **************************************** *
◆ LANGUAGE SWITCHING
 * **************************************** */
.if_kor {display:none !important;}
.if_eng {display:block !important;}








/* **************************************** *
◆ COMMON
 * **************************************** */
.header .inner_box.if_pc .nav .ctg1 {font-size:1.05em; height:55px; line-height:55px;;}
.footer .bottom_menu {display:none;}
.scroll_fix {display:none !important;}







/* **************************************** *
◆ MAIN 
 * **************************************** */
.main_field {display:none;}

.main_quick .join_box .tx {font-size:0.9em;}
.main_quick .notice_box .posting .title {letter-spacing:-0.02em;}
.main_comm .list.normal .title {letter-spacing:-0.01em;}

.main_comm {background:#fff;}
.main_comm .board_list, 
.main_comm .gallery_list {padding-bottom:25px; height:auto !important;}
.main_comm .tit_box {height:45px !important; border-bottom:1px solid #eee;}
.main_comm .list.photo {margin-top:15px; font-size:0.87em;}
.main_comm .list.photo li {width:25%; display:inline-block !important}
.main_comm .list.photo dl {margin-top:10px; padding:0px;}
.main_comm .list.photo dt {color:#333; margin-bottom:0px !important;}
.main_comm .list.photo dd {line-height:17px; height:34px; font-size:0.9em;}
.main_comm .list.photo .thumb {background-color:#fff;}
.main_comm .list.normal li {padding-top:2px;}

.main_dona .dona_box .picto.picto_01 {background-image: url('../images/en/main_dona1.png');}
.main_dona .dona_box .picto.picto_02 {background-image: url('../images/en/main_dona2.png');}

.slide_wrap .other {margin-top:10px;}
.slide_wrap .ctg1 {font-size:1em;}









/* **************************************** *
◆ SUB 
 * **************************************** */
.sub_depth2.if_pc .inner .btn {letter-spacing:-0.03em; font-size:1em; line-height:50px; white-space:pre-line; overflow:hidden;}

.sub_page_tit {letter-spacing:-0.04em;}

.c_group_tit strong {letter-spacing:-0.04em;}

.sub_visual.bg_01 {background-image:url('../images/sub_vi_01.jpg');}
.sub_visual.bg_02 {background-image:url('../images/sub_vi_02.jpg');}
.sub_visual.bg_03 {background-image:url('../images/sub_vi_03.jpg');}
.sub_visual.bg_04 {background-image:url('../images/sub_vi_05.jpg');}
.sub_visual.bg_05 {background-image:url('../images/sub_vi_04.jpg');}
.sub_visual.bg_06 {background-image:url('../images/sub_vi_07.jpg');}
.sub_visual.bg_00 {background-image:url('../images/sub_vi_06.jpg');}

.about_intro .first .layout_fix {padding:40px 200px;}
.about_intro .first .left {display:none;}
.about_intro .first .left dd {margin-top:50px;}
.about_intro .first .left dt {font-size:4.8em; margin-top:10px; color:#000;}
.about_intro .first .right dt {color:#333;}
.about_intro .first .right dd {font-size:1em; padding-top:30px;}
.about_intro .first .right strong {font-size:0.87em; margin-top:5px;}
.about_intro .first .line {display:none;}

.about_intro .story {margin-top:0px;}
.about_intro .story li {vertical-align:top}
.about_intro .story .layout_fix {border-top:1px solid #ddd; padding-top:40px;}
.about_intro .story .this_img .this_first {display:none;}
.about_intro .story .this_img {width:350px;}
.about_intro .story dd {margin-top:30px; text-align:justify}
.about_intro .story dl {padding-right:30px;}
.about_intro .story .this_first dd {margin-top:10px;}

.about_intro .paper {margin-top:40px;}
.about_intro .paper .by {text-align:center; margin:0px;}
.about_intro .paper .by strong {background-position:center top;}

.about_intro .paper .paper_img {overflow:hidden; padding-bottom:30px;}
.about_intro .paper .paper_img img {float:left; width:100%;}
.about_intro .paper li .by {text-align:right; margin-top:30px;}
.about_intro .paper li .by strong {background-position:left top;}


.about_org .table {font-size:0.95em;}
.about_org .table .t_career {width:50%;}


.slide_wrap .newsletter {display:none;}


.c_search .tabmenu .inner {table-layout:fixed; }
.c_search .normal .posting .title {line-height:1.3;}
.c_search .normal .posting .sub {line-height:1.5;}







/* **************************************** *
◆ RESPONSIVE
 * **************************************** */

@media screen and (max-width:1500px) and (min-width:1000px) {
	
}

@media screen and (max-width:1150px) {
	.header .inner_box.if_pc .nav .depth2_box {display:none; !important}
}




@media screen and (max-width:1250px) and (min-width:1000px) {
	.header .inner_box.if_pc .td.right {padding-right:20px;}
}


@media screen and (max-width:1100px) {
	.main_comm .list.photo li {width:33.3333%;}
	.main_comm .list.photo li.num_4 {display:none !important;}
	.footer {border-top:1px solid #eee;}

}


@media screen and (max-width:1000px) {
	.main_comm .list.normal li {padding-top:0px;}
	.main_comm .list.normal .posting * {height:28px; line-height:28px;}

	.about_intro .story .this_img {width:30%;}

}


@media screen and (min-width:1000px) {
	.header {height:130px;}
	.header .layout_fix {position:relative; height:130px; padding-top:73px;}
	.header .inner_box.if_pc .td.left {position:absolute; left:0; top:10px; width:100%; text-align:center; z-index:5}
	.header .inner_box.if_pc .td.right {position:absolute; right:0; top:25px; z-index:10; }
	.header .inner_box.if_pc .td.center {width:100%;}
	.header .inner_box.if_pc .table {display:block; }
	.header .inner_box.if_pc .td {display:block; height:auto;}
	.header .inner_box.if_pc .nav .depth2_box {width:240px; margin-left:-120px;}
	.header .inner_box.if_pc .nav li:hover .depth2_box {top:50px}

	
}


@media screen and (max-width:1000px) and (min-width:800px){
/* 	.header {height:155px;}
	.header .inner_box.if_pc .nav {display:block;}
	.header .inner_box.if_pc .nav ul {display:block; margin-top:-1px; margin-left:-1px;}
	.header .inner_box.if_pc .nav li {display:inline-block; float:left; width:33.3333%; box-sizing:border-box; border-top:1px solid #ddd;}
	.header .inner_box.if_pc .nav .ctg1 {height:40px; line-height:40px;}
	 */
	
}



@media screen and (max-width:900px) {	
	.main_comm .list.photo dd {line-height:14px; height:42px; margin-top:5px;}

	.main_dona .dona_box .picto.picto_01 {background-image:url('../images/en/mo/main_dona1.png'); background-size:75%; background-position:center 10px;}
	.main_dona .dona_box .picto.picto_02 {background-image:url('../images/en/mo/main_dona2.png'); background-size:70%; background-position:center 10px;}
	
	.c_vs_tit.only {padding:20px;}


	.if_nodt.opt_box .value {border-left:0;}
}


@media screen and (max-width:800px) {	
	.header .nav.if_mo {overflow:hidden; height:40px; border-top:1px solid #ddd; padding-left:4px;}
	.header .nav.if_mo .ctg1 {font-size:1.2em; padding:0 9px; line-height:38px;}
	.header .nav.if_mo ul {display:inline-block; box-sizing:border-box; height:40px; width:auto; border-top:0;}
	.header .nav.if_mo li {display:inline-block; float:left; border:0 !important;}
	
	.main_comm .list.normal li {padding-top:2px;}
	.main_comm .list.photo li {width:50%;}
	.main_comm .list.photo li.num_3 {display:none !important;}
	.main_comm .list.photo dd {line-height:14px; height:28px; margin-top:0px}

	.board_partner .list .table {display:block;}
	.board_partner .list .th,
	.board_partner .list .td {display:block;}
	.board_partner .list .th {text-align:center; width:100%; padding-top:15px;;}
	.board_partner .name {text-align:center;}
	.board_partner .list .picto {width:80px; height:80px;}
	.board_partner .board_ctg .tit_box {height:100%;}
	.board_partner .list .td {padding:10px 0 10px 0;}
	.board_partner .opt_box dt, 
	.board_partner .opt_box dd {padding:5px;}
	.board_partner .opt_box .value:before {display:none;}
	.board_partner .opt_box .value {padding-left:10px;}

	.about_intro .story .this_img {width:30%;}
	
}


@media screen and (max-width:750px) {
	.main_comm .list.photo li {width:25%;}
	.main_comm .list.photo li.num_3 {display:inline-block !important;}
	.main_comm .list.photo li.num_4 {display:inline-block !important;}
	
	
}


@media screen and (max-width:650px) {
	.footer {border-top:1px solid #eee;}
	.about_intro .paper .paper_img {padding-bottom:10px;}
	.about_intro .paper {margin-top:0px;}
	
	.about_intro .story .this_img {width:100%;}
	.about_intro .story .this_img .this_first {display:block; padding-bottom:20px;}
	.about_intro .story .this_txt .this_first {display:none;}
	.about_intro .story .layout_fix {padding-top:20px;}
	.about_intro .story .this_txt dd {margin-top:10px}
	.about_intro .story dl {padding:0px;}

}


@media screen and (max-width:500px) {
	.main_comm .list.photo ul {margin-top:-20px;}
	.main_comm .list.photo li {width:50%; margin-top:20px;}
}

@media screen and (max-width:400px) {
	.header .inner_box.if_mo .logo img {max-height:36px;}
}