/* FONT */
/* ----------------------------------- 'Noto Sans' KR font ----------------------------------- */
 @font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

.nanumpenscript * {
 font-family: 'Nanum Pen Script', cursive;
}

html,body {width:100%; }
body{ min-width:320px; height: 100%;}
html {overflow-y:scroll; box-sizing:border-box;}
html,body{font-size:14px; font-family: 'Poppins', 'Noto Sans KR'; color:#555; width:100%; min-width:360px; max-width:768px; height: 100% ; position: relative; margin:0 auto; }
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; word-break:keep-all;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#f7f4e9;}
body,th,td,textarea,button {font-size:13px; font-family: 'Poppins', 'Noto Sans KR'; color:#555;}
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#555; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* common */
.clfix:after {content: "."; display: block; height:0px; clear: both; visibility: hidden;}
.clfix {display:inline-block;}
.clfix {display:block;}
* html .clfix {height:1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt90{margin-top: 90px;}
.inner{min-width:320px; max-width:768px; margin:0 auto;}



/* =================================== main =================================== */
/* common */
#mains{width:100%; min-width:320px; position:relative; max-width:768px; margin:0 auto;}
#maintablewrap{background:#f7f4e9;}
#container{background:#f7f4e9;}
div.m_header h1 a img{width:170px;}
div.m_header{background:#f7f4e9;}
.swiper-slide{background:#f7f4e9;}
div.m_header{height:120px;}
#slide_header > ul{display:none;}

.swiper-slide img{max-width:1000px !important;}
.swiper-container{height:285px;}

.swiper-pagination-bullet{
	display: inline-block;
    width: 8px;
    height: 8px !important;
	border-radius:50%;
    overflow: hidden;
    font-size: 0px;
	background: #fff;
	}
.swiper-pagination-bullet-active{background: #bf4141;}
.swiper-pagination{bottom:4% !important;}


/* 헤더영역 문구 */
/*
.h_desc{}
.h_desc .inner{position:relative;}
.h_desc .inner h2{ position:absolute; top:35px; left:50%; transform:translateX(-50%); z-index:999; font-size:40px; color:#222; font-weight:normal;  font-family: 'Nanum Pen Script', cursive;}
.h_desc .inner h2 span{color:#bf4141; font-size:45px;}
*/
.h_desc{}
.h_desc .inner{position:relative;}
.h_desc .inner h2{ position:absolute; top:5px; left:50%; transform:translateX(-50%); z-index:999; font-size:40px; color:#222; font-weight:normal;  font-family: 'Nanum Pen Script', cursive;}
.h_desc .inner h2 span{color:#bf4141; font-size:45px;}
.h_desc .inner h2 img{width:270px;}




/* 헤더영역 탑메뉴 */
.h_top_wrap{}
.h_top_wrap .inner{position:relative;}
.h_top_wrap ul{list-style:none; position:absolute; top:50px; right:0; z-index:1;}
.h_top_wrap ul li{display:inline-block; position:relative; margin:0px 7px;}
.h_top_wrap ul li:after{position:absolute; top:12px; right:-9px; width:3px; height:3px; background:#888; border-radius:50%; content:"";}
.h_top_wrap ul li:last-child:after{content:none;}
.h_top_wrap ul li a{color:#888; font-family: 'Poppins', 'Noto Sans KR'; font-size:15px; text-decoration:none;}
.h_top_wrap ul li a:hover{color:#bf4141;}


/* 메인비주얼 */
.main_visual_txt{width:100%; margin:0 auto; z-index:999; position:absolute; top:-170px;  left:50%; transform:translateX(-50%);}
.main_visual_txt h2{color:#fff; font-size:18px; line-height:1;  font-family: 'GmarketSansMedium'; text-align:center; font-weight:500; margin-bottom:10px; }
.main_visual_txt p{font-size:13px; font-weight:300; color:#fff; text-align:center;}


/* 바로가기메뉴 */
.bookmark_wrap{width:100%; padding:30px 0;}
.bookmark_wrap ul li{width:33%; height:95px; border-right:1px solid #ddd; text-align:center; float:left; margin:0 auto; transition:0.3s;}
.bookmark_wrap ul li a{display:block; width:100%; height:100%;}
.bookmark_wrap ul li:nth-child(3){border-right:none;}
.bookmark_wrap ul li img{width:40px;}
.bookmark_wrap ul li:nth-child(2) img{width:50px;}
.bookmark_wrap ul li:nth-child(3) img{width:33px;}
.bookmark_wrap ul li span{display:block; font-size:14px; color:#333; margin-top:15px;}


/* section01 */
.section01{width:100%; height:auto; padding-top:60px; position:relative; background:#fff url(/user_data/phymca/content/editor/img/program_right_bg.png)117% 152% no-repeat; z-index:1;}
.sec01_left_bg{width:100%; height:170px; background:url(/user_data/phymca/content/editor/img/program_left_bg.jpg)no-repeat; position:absolute; top:0; left:0; z-index:-1; background-size:cover;}
.section01 .main_tit_wrap{position:absolute; top:25px; left:15px;}
.section01 .main_tit_wrap .main_tit{font-size:20px; font-family: 'GmarketSansMedium'; font-weight:500; line-height:1; margin-bottom:20px; color:#fff; text-align:left;}
.section01 .main_tit_wrap p{color:#fff; font-size:13px; line-height:19px;text-align:left; }
.more_btn{font-size:11px; font-family: 'GmarketSansMedium'; color:#fff !important; position:relative; margin-top:40px; display:block; width:85px; height:15px; padding-left:15px;}
.more_btn:after{position:absolute; bottom:4px; right:-15px; content:""; background:#fff; width:30px; height:1px;}
.sec01_left{float:none; width:100%; padding:25px 0;}
.sec01_right{float:none; padding:25px 15px;}
.sec01_right ul {width:100%;}
.sec01_right ul li{width:49%; height:100%; float:left; margin-right:2%; margin-top:2%; position:relative; overflow:hidden; border-radius:20px;}
.sec01_right ul li img{
	 -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
	width:100%;
	}
	
.sec01_right ul li:hover img{
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	}


.sec01_right ul li:nth-child(1):hover{border:10px solid #12cc49;}
.sec01_right ul li:nth-child(2):hover{border:10px solid #0bb6ff;}
.sec01_right ul li:nth-child(3):hover{border:10px solid #ff87b0;}
.sec01_right ul li:nth-child(4):hover{border:10px solid #b745b7;}


.sec01_right ul li:nth-child(2n){margin-right:0;}
.sec01_right ul li:nth-child(-n+2){margin-top:0;}
.sec01_right ul li a{display:block; width:100%; height:100%;}
.sec01_right ul li a span{color:#fff; font-size:13px; line-height:1; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}


/* section02 */
.section02{width:100%; padding:30px 0;}
.main_tit_wrap .main_tit{font-size:20px; color:#111; line-height:1; font-family: 'GmarketSansMedium'; font-weight:500; margin-bottom:15px;  text-align:center;}
.main_tit_wrap p{color:#777; text-align:center; font-size:13px;}

#compolayer144{padding:0 2%;}
#compolayer144 > div{width:340px !important; margin:0 auto;}
.products_boardarea{width:280px !important; margin:0 auto;}
.products_boardarea td:first-child{padding-right:10px !important;}
.products_boardarea td:last-child{padding-left:0 !important;}
#boardmain144 .img_144 td{padding:7px 10px !important;}
#slideLeft_144{width:260px !important;}
.icon_left{width:35px !important;}
.icon_left img{width:35px;}
.icon_right{width:35px !important;}
.icon_right img{width:35px;}
.products_boardarea #slideLeft_144 .img_144{width:250px !important; height:350px !important;}

.img_144 .tit{font-size:14px !important; padding-top:5px !important;}
.img_144 .txt{font-size:12px !important; padding:0 !important;}
.date{font-size:11px !important;}








/* section03 */
.section03{width:100%; padding:30px 0;}
.section03 .sec03_left{width:100%; height:150px; float:none; background:url(/user_data/phymca/content/editor/img/sponsor_left_bg.jpg)no-repeat; padding-left:15px; padding-top:40px; background-size:cover;}
.section03 .sec03_right{width:100%; height:120px; float:none; background:url(/user_data/phymca/content/editor/img/sponsor_right_bg.jpg)no-repeat; padding:15px; background-size:cover;}
.section03 .sec03_right ul{width:100%}
.section03 .sec03_right ul li{width:49%; height:40px; border-radius:40px; border:2px solid #1f274d; margin-right:2%; margin-top:2%; line-height:40px; text-align:center; float:left; background:#fff;}
.section03 .sec03_right ul li:hover{background:#1f274d; border:none; transition:0.4s;}
.section03 .sec03_right ul li:hover a{color:#fff; }
.section03 .sec03_right ul li a{display:block; width:100%; height:100%; color:#1f274d; font-size:14px;}
.section03 .sec03_right ul li:nth-child(2n){margin-right:0;}
.section03 .sec03_right ul li:nth-child(-n+2){margin-top:0;}
.section03 .main_tit_wrap .main_tit{font-size:20px; font-family: 'GmarketSansMedium'; font-weight:500; line-height:1; margin-bottom:20px; color:#fff; text-align:left;}
.section03 .main_tit_wrap p{color:#fff; font-size:13px; line-height:19px;text-align:left; }


/* section04 */
.section04{width:100%;}
.section04 .main_tit_wrap{margin-bottom:20px;}
.section04 ul{display:block; width:100%; height:auto; padding:15px; background:#fff;}
.section04 ul li{width:100%; float:none; margin-bottom:10px;}
.section04 ul li:nth-child(4){margin-bottom:0;}
.section04 ul li h6{color:#bf4141; font-size:14px; display:inline-block; margin-right:10px; width:75px;}
.section04 ul li span{color:#555; font-size:13px; display:inline-block;}
section04 ul li span a{color:#555; }
.root_daum_roughmap{width:100% !important;}

#compolayer147{position:absolute; bottom:80px;  left:50%; transform:translateX(-50%);}




/* footer */
.footer{width:100%; height:auto; background:#222; font-family: 'Poppins', 'Noto Sans KR';}
.footer .f_top{width:100%; height:auto; padding:15px 0; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .f_top .inner{position:relative; padding:0 15px;}
.footer .f_top .f_top_left{}
.footer .f_top .f_top_left li:first-child{margin-left:0;}
.footer .f_top .f_top_left li{display:inline-block; margin-left:13px;}
.footer .f_top .f_top_left li a{font-size:12px; font-weight:300; color:#e9e9e9;  font-family: 'Poppins', 'Noto Sans KR'; text-decoration:none;}
.footer .f_top .f_top_right{position:absolute; top:-3px; right:15px;}
.footer .f_top .f_top_left li:first-child{margin-left:0;}
.footer .f_top .f_top_right li{display:inline-block; margin-left:10px; width:30px; height:30px;}
.footer .f_top .f_top_right li a{display:block; width:100%; height:100%;}
.footer .f_top .f_top_right li a img{width:30px;}
.footer .f_bottom .inner{position:relative;}
.footer .f_bottom .copyright {padding:15px 0;}
.footer .f_bottom .copyright .f_logo{width:160px; height:34px; float:none; margin:0 auto; text-align:center;}
.footer .f_bottom .copyright .f_logo a{display:block; width:100%; height:100%;}
.footer .f_bottom .copyright .f_logo a img{width:160px;}
.footer .f_bottom .copyright .desc{float:none; width:100%; padding:15px 15px 0px 15px;}
.footer .f_bottom .copyright .desc ul {width:100%;}
.footer .f_bottom .copyright .desc ul li:first-child{float:none;}
.footer .f_bottom .copyright .desc ul li{float:none; color:#fff; margin-bottom:2px; text-align:center;}
.footer .f_bottom .copyright .desc ul li a{color:#fff;}
.footer .f_bottom .copyright .desc ul li h6{ font-size:12px; display:inline-block; margin-right:5px;}
.footer .f_bottom .copyright .desc ul li span{ font-size:12px; display:inline-block; font-weight:300;}
.footer .f_bottom .copyright .desc ul li span a{ font-family: 'Poppins', 'Noto Sans KR'; font-size:12px; text-decoration:none;}
.footer .f_bottom .copyright .desc p{font-size:12px; color:#fff; text-align:center;}

.f_site{position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:none;}
.top_btn_wrap{position:absolute; bottom:20px; right:0; display:none;}

.select_wrap {position:relative;border:0;padding:0;width:180px;height:50px;}
.select_wrap:before {
		display:inline-block;content:'';position:absolute;top:50%;right:15px;margin-top:-5px;border:solid #fff;border-width:0 1px 1px 0;padding:3px;z-index:0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition:all 0.2s ease-out;
		-moz-transition:all 0.2s ease-out;
		-o-transition:all 0.2s ease-out;
		transition:all 0.2s ease-out;
}

.select_wrap.active:before {
	margin-top:-3px;border-color:#f3baba;
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
}

.select_wrap select {
	border-radius:0;position:relative;display:block;padding:0 25px 0 20px;width:100%;height:50px;font-family:'Noto Sans KR', sans-serif;font-weight:400;color:#e9e9e9;font-size:13px;letter-spacing:-.5px;background-color:transparent;
	-webkit-transition:border-color 0.2s ease-out;
	-moz-transition:border-color 0.2s ease-out;
	-o-transition:border-color 0.2s ease-out;
	transition:border-color 0.2s ease-out;
	appearance:none;
}
.select_wrap.active select {border-color:#f3baba;}
.select_wrap select option.css-disabled {color:#808080;background-color:#c8c8c8;}
.select_wrap select option.f_list {color:#555;background-color:#fff;}
select:focus{outline: none;}
.select_wrap select::-ms-expand {display:none;}

.partner_wrap_bg{width:100%; height:95px; background:#e2ded2; padding:20px 0;}
.partner_wrap_bg h4{font-size:35px; color:#111; line-height:1; font-family:'GmarketSansMedium'; font-weight:500; text-align:left; padding-top:25px;}


.go_top{width:60px; height:60px; background:url(/user_data/phymca/content/editor/img/top_btn.png)no-repeat !important;}
.go_top img{display:none;}


/* =================================== sub =================================== */
/* common */
.depth_menu_bg{width:100%; height:100%; background:#f8f8f8; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.sub_visual_txt{width:1200px; }
.sub_visual_txt h2{font-size:33px; line-height:1px; font-family:'GmarketSansMedium'; font-weight:500; text-align:center; color:#fff; text-shadow: 4px 2px 2px rgba(0,0,0,0.1);}
.h120{height:40px;}
.sponsor_btn{width:120px; height:120px; position:fixed; bottom:90px; right:10px; z-index:999;}
.sponsor_btn img{width:130px;}
h4.h4_tit{font-family:'GmarketSansMedium'; font-weight:500; color:#111; font-size:20px; margin:60px 0 20px 0; line-height:1; background:url(/user_data/phymca/content/editor/img/h4_tit.png)0px 2px no-repeat; padding-left:22px; background-size:15px;}
h5.h5_tit{font-family:'GmarketSansMedium'; font-weight:500; color:#1f274d; font-size:15px; margin:30px 0 15px 0; line-height:1;}

.sub_list li{margin-bottom:5px; position:relative; padding-left:10px;}
.sub_list li:before{position:absolute; top:8px; left:0; content:""; width:4px; height:4px; background:#1f274d; border-radius:4px;}
.sub_list li em{font-size:12px; color:#1f274d;}

.sub_list02{width:100%; height:auto; padding:15px; background:#fdfbf3; margin-top:10px;}
.sub_list02 li{margin-bottom:5px; position:relative; padding-left:10px; font-size:14px; line-height:23px; color:#777;}
.sub_list02 li:before{position:absolute; top:11px; left:0; content:""; width:5px; height:1px; background:#ccc;}

.tbl01{width:100%; border-collapse:collapse; border-top:2px solid #bf4141;}
.tbl01 tr th{background:#fff; font-weight:500; color:#333; text-align:center; font-size:13px; padding:7px; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.tbl01 tr th:first-child{border-left:none;}
.tbl01 tr th:last-child{border-right:none;}
.tbl01 tr td{font-size:13px; color:#555; text-align:center; padding:7px; border:1px solid #ddd; background:#fffdf5;}
.tbl01 tr td:first-child{border-left:none;}
.tbl01 tr td:last-child{border-right:none;}
.tbl01 tr td > .sub_list li{text-align:left;}
.tbl01 tr td > .sub_list{padding-left:10px;}

.img_wrap{margin-top:15px;}
.img_wrap ul li{float:left; width:49%; margin-right:2%;}
.img_wrap ul li img{width:100%;}
.img_wrap ul li:last-child{margin-right:0;}
.img_wrap02{margin-top:15px;}
.img_wrap02 ul li{float:left; width:32%; margin-right:2%;}
.img_wrap02 ul li img{width:100%;}
.img_wrap02 ul li:last-child{margin-right:0;}

#dolphinnav{font-size:13px !important;}
#dolphinnav ul li{height:40px !important; line-height:40px !important;}
#dolphinnav ul li a.current ul{height:40px !important;}
#dolphinnav ul li a.current, #dolphinnav ul li a.current:hover{font-size:13px !important; height:40px !important; line-height:40px !important;}
#dolphinnav ul li a ul{font-size:13px !important; line-height:40px !important;}

.innercontent{padding:40px 0 0 0 !important;}
#a_content_area #sub_title h1{font-size:25px;}
#a_content_area #sub_title{height:50px; margin-bottom:30px; margin-top:20px;}
#sub_title h1 span{width:30px; background:#bf4141; margin-top:5px;}

#searchWord{
  -webkit-appearance: none;
   -webkit-border-radius: 0;
   width:85px;
   margin-left:0 !important;
 }
.search_area_input{display:inline-block !important;}


.search_section{margin-bottom:15px;}
.view_img_area img{width:100% !important; height:auto !important;}


#s_name_chk{width:35px !important;}
#s_subject_chk{width:35px !important;}
#s_content_chk{width:35px !important;}






/*Y-소개 - 인사말 */
.greeting_new_wrap{}
.greeting_new_wrap dl dt{float:none; width:320px; height:375px; margin:0 auto; position:relative;}
.greeting_new_wrap dl dt img{width:100%;}
.greeting_new_wrap dl dt i{position:absolute; top:50px; left:65px; font-family: 'GmarketSansMedium'; font-size:20px;  color:#bf4141; font-weight:500; font-style:normal;}
.greeting_new_wrap dl dd{float:none; width:100%; padding-top:20px; word-break:keep-all;}
.greeting_new_wrap dl dd p{margin-bottom:5px; font-size:13px; line-height:20px;}
.greeting_new_wrap dl dd p:last-child{margin-bottom:0;}
.greeting_new_wrap dl dd p span{font-weight:bold; color:#bf4141;}
.greeting_new_wrap dl dd em{ font-family: 'GmarketSansMedium'; color:#111; font-size:15px;}




/*Y-소개 - 인사말 - 목적*/
.greeting_goal_wrap{}
.greeting_goal_wrap div h4.h4_tit{margin-top:0;}
.greeting_goal_wrap div{width:100%; height:auto; padding:20px; border:1px solid #ddd; background:#fffdf5; border-radius:20px; margin-bottom:30px;}
.greeting_goal_wrap div:nth-child(1){height:auto; background:#fffdf5 url(/user_data/phymca/content/editor/img/greeting_goal_bg01.png)right bottom no-repeat; background-size:cover;}
.greeting_goal_wrap div p{word-break:keep-all; font-size:13px; line-height:20px;}
.greeting_goal_wrap div p span{font-size:12px; font-style:italic; color:#777;}

.greeting_goal_wrap div:nth-child(2){height:auto; background:#fffdf5 url(/user_data/phymca/content/editor/img/greeting_goal_bg02.png)right bottom no-repeat; background-size:cover;}
.greeting_goal_wrap div:nth-child(2) ul li{margin-bottom:15px; font-size:13px; line-height:20px;}
.greeting_goal_wrap div:nth-child(2) ul li:last-child{margin-bottom:0;}
.greeting_goal_wrap div:nth-child(2) ul li i{display:inline-block; width:25px; height:25px; background:#bf4141; text-align:center; font-size:11px;  font-family: 'GmarketSansBold'; line-height:25px; border-radius:25px; color:#fff; font-style:normal;}
.greeting_goal_wrap div:nth-child(2) ul li em{display:inline-block; margin-left:10px; font-size:13px; line-height:20px; color:#555; width:87%; vertical-align:top;}
.greeting_goal_wrap div:nth-child(2) ul li em span{font-size:12px; color:#777; font-style:italic;}

.greeting_goal_wrap div:nth-child(3){padding:20px;}
.greeting_goal_wrap div:nth-child(3) .h4_tit02{font-family:'GmarketSansMedium'; font-weight:500; color:#111; font-size:20px; margin-bottom:20px; text-align:center;}
.greeting_goal_wrap div:nth-child(3) .h4_tit02 img{padding:0px 20px; vertical-align:inherit;}
.greeting_goal_wrap div:nth-child(3){text-align:center;}
.greeting_goal_wrap div:nth-child(3) p{text-align:center; position:relative; word-break:keep-all; padding-top:35px; z-index:999;}
.greeting_goal_wrap div:nth-child(3) p:before{position:absolute; top:5px; left:0px; content:""; width:63px; height:167px; background:url(/user_data/phymca/content/editor/img/greeting_goal_bg03.png)left center no-repeat; z-index:-1;}
.greeting_goal_wrap div:nth-child(3) p:after{position:absolute; top:5px; right:0px; content:""; width:63px; height:167px; background:url(/user_data/phymca/content/editor/img/greeting_goal_bg04.png)right center no-repeat; z-index:-1;}
.greeting_goal_wrap div:last-child{margin-bottom:0;}





/* Y-소개 - 인사말 - 이념*/
.greeting_ideology_wrap{}
.greeting_ideology_wrap div{width:100%; height:auto; padding:30px; background:#fffdf5; border:1px dashed #ddd; margin-bottom:15px; border-radius:20px;}
.greeting_ideology_wrap div h5{font-size:20px; color:#bf4141; line-height:1; margin-bottom:20px; font-weight:500;}
.greeting_ideology_wrap div p{word-break:keep-all;}



/* Y-소개 - 연혁 - 포항YMCA */

.history .tabcontent{display: none; position: relative; margin-bottom: 75px;}
.history .tabcontent:before{content: ''; position: absolute; top: 90px; left: 50%; width: 1px; height: 100%; background: #ddd;}
.history .tabcontent > div{padding-top: 75px;}
.history .tabcontent .hc_list:after{content: ''; display: block; clear: both;}
.history .tabcontent .hc_list > div{width: 50%; padding-top:5px;}
.history .tabcontent .hc_list .h_year{position: relative;}
.history .tabcontent .hc_list .h_year:before{content: ''; position: absolute; top: 15px; width: 13px; height: 13px; border-radius: 50%; background: #bf4141;}
.history .tabcontent .hc_list .h_year strong{display: block; padding: 0 30px; font-size: 20px; color: #bf4141;}
.history .tabcontent .hc_list .h_con ul{padding: 0 30px;}
.history .tabcontent .hc_list .h_con ul li{font-size: 13px; color: #888;}
.history .tabcontent .hc_list .h_con ul li:after{content: ''; display: block; clear: both;}
.history .tabcontent .hc_list .h_con ul li+li{margin-top: 15px;}
.history .tabcontent .hc_list .h_con ul li p{line-height: 25px; word-break: keep-all;}
.history .tabcontent .hc_list .h_con ul li p.hcblank{display: none;}
.history .tabcontent .hc_list .h_con ul li p:nth-of-type(1){width: 15%; font-size: 15px; color: #222;}
.history .tabcontent .hc_list .h_con ul li p:nth-of-type(2){width: 85%; font-size: 13px; color: #555;}

.history .tabcontent .h_left > div{float: left;}
.history .tabcontent .h_left .h_year{text-align: right; }
.history .tabcontent .h_left .h_year:before{right: -7px;}
.history .tabcontent .h_left .h_con ul li p{float: left;}

.history .tabcontent .h_right > div{float: right;}
.history .tabcontent .h_right .h_year:before{left: -6px;}
.history .tabcontent .h_right .h_con{text-align: right; padding-top:10px;}
.history .tabcontent .h_right .h_con ul li p{float: right;}

.history .his_txt{height: auto;}
.history .his_txt img{width:100%;}



/* 반응형일때 적용 */
@media (max-width: 1340px){
	.history .tabcontent:before{left: 10.6%;}
	.history .tabcontent .hc_list > div{float: left; width: 50%;}
	.history .tabcontent .hc_list .h_year{width: 11%; text-align: left;}
	.history .tabcontent .hc_list .h_year:before{right: -2px; left: unset;}
	.history .tabcontent .hc_list .h_year strong{padding: 0;}
	.history .tabcontent .hc_list .h_con{width: 89%; text-align: left;}
	.history .tabcontent .hc_list .h_con ul{padding: 0 0 0 65px;}
	.history .tabcontent .hc_list .h_con ul li p:nth-of-type(1){width: 9%;}
	.history .tabcontent .hc_list .h_con ul li p:nth-of-type(2){width: 91%;}
	.history .tabcontent .h_right .h_con ul li p{float: left;}
}
@media (max-width: 991px){

	.history .tabcontent:before{left: 14.4%;}
	.history .tabcontent .hc_list .h_year{width: 15%;}
	.history .tabcontent .hc_list .h_con{width: 85%;}
	.history .tabcontent .hc_list .h_con ul{padding: 0 0 0 50px;}
	.history .tabcontent .hc_list .h_con ul li p:nth-of-type(1){width: 15%;}
	.history .tabcontent .hc_list .h_con ul li p:nth-of-type(2){width: 85%;}
	.history .tabcontent .h_right .h_con ul li p{float: left;}
}
@media (max-width: 640px){

	.history .his_txt ul li p{font-size: 13px; line-height: 32px;}
	.history .his_top .ht_wrap .his_tab button{height: 60px; line-height: 60px; font-size: 13px;}
	.history .his_top .ht_wrap .his_tab button.active{border-top: 2px solid #bf4141;}
	.history .tabcontent{margin-bottom: 0;}
	.history .tabcontent:before{display: none;}
	.history .tabcontent > div{padding-top: 20px;}
	.history .tabcontent .hc_list > div{float: none; width: 100%!important;}
	.history .tabcontent .hc_list .h_year:before{display: none;}
	.history .tabcontent .hc_list .h_year strong{margin-bottom: 5px; padding-bottom: 5px; font-size: 15px; border-bottom: 1px solid #eee;}
	.history .tabcontent .hc_list .h_con ul{padding: 0;}
	.history .tabcontent .hc_list .h_con ul li{font-size: 13px;}
	.history .tabcontent .hc_list .h_con ul li+li{margin-top: 6px;}
	.history .tabcontent .hc_list .h_con ul li p{float: none; width: 100%!important;}
}




/* Y-소개 - 연혁 - 세계YMCA */
.global_ymca_wrap{width:100%;}
.global_ymca_wrap .top{width:100%; height:135px; background:url(/user_data/phymca/content/editor/img/global_ymca_bg.jpg)no-repeat; padding:30px 20px 0px 20px; background-size:cover;}
.global_ymca_wrap .top h5{font-size:20px; color:#fff; line-height:1; margin-bottom:10px; font-family: 'GmarketSansBold';}
.global_ymca_wrap .top p{color:#fff; font-size:13px; line-height:19px; font-family: 'GmarketSansLight'; word-break:keep-all;}
.global_ymca_wrap .desc{background:#fffdf5; padding:20px; margin-top:20px;}
.global_ymca_wrap .desc p{word-break:keep-all; line-height:22px;}
.global_ymca_wrap .desc strong{font-size:13px; color:#222; font-weight:500;}



/* Y-소개 - 연혁 - 한국 YMCA */
.korea_ymca_wrap{width:100%;}
.korea_ymca_wrap .top{width:100%; height:135px; background:url(/user_data/phymca/content/editor/img/korea_ymca_bg.jpg)no-repeat; padding:30px 20px 0 20px; background-size:cover;}
.korea_ymca_wrap .top h5{font-size:20px; color:#fff; line-height:1; margin-bottom:10px; font-family: 'GmarketSansBold';}
.korea_ymca_wrap .top p{color:#fff; font-size:13px; line-height:19px; font-family: 'GmarketSansLight'; word-break:keep-all;}
.korea_ymca_wrap .desc{background:#fffdf5; padding:20px; margin-top:20px;}
.korea_ymca_wrap .desc p{word-break:keep-all; line-height:22px; margin-bottom:5px;}
.korea_ymca_wrap .desc p:last-child{margin-bottom:0;}
.korea_ymca_wrap .desc strong{font-size:13px; color:#222; font-weight:500;}




/* Y-소개 - 운영기구 */

.operating_org_wrap .top{width:100%; height:auto; padding:20px; border:1px solid #ddd; background:#fffdf5 url(/user_data/phymca/content/editor/img/operating_org_bg.png)right top no-repeat; border-radius:20px; margin-bottom:30px; background-size:cover;}
.operating_org_wrap .top h5{font-size:20px; line-height:25px; color:#bf4141; font-family: 'GmarketSansMedium'; margin-bottom:10px;}





/* Y-소개 - 오시는길 */
.location_wrap {display:block; width:100%; height:auto; padding:20px; background:#fff;}
.location_wrap li{width:100%; float:none; margin-bottom:10px;}
.location_wrap li:nth-child(4){margin-bottom:0;}
.location_wrap li h6{color:#bf4141; font-size:14px; display:inline-block; margin-right:10px; width:75px;}
.location_wrap li span{color:#555; font-size:13px; display:inline-block;}
location_wrap li span a{color:#555; }





/* 프로그램 - 모두 같은폼 */
.program_wrap{width:100%;}
.program_wrap .top{width:100%; height:auto !important; background: #fffdf5 url(/user_data/phymca/content/editor/img/program_purpose_bg.png)no-repeat; border-radius:20px; border:1px solid #ddd; padding:20px;}
.program_wrap h3{font-size:20px; color:#bf4141; font-family: 'GmarketSansMedium'; font-weight:500; line-height:1; margin-bottom:15px;}
.program_wrap p{word-break:keep-all;}



/*프로그램 대회의 목적 내용에 따라 높이가 다르므로 클래스 따로지정*/
.program_wrap .hbox01{height:275px;}
.program_wrap .hbox02{height:195px;}
.program_wrap .hbox03{height:225px;}


.join_form_wrap{width:210px; height:40px; margin:0 auto; background:#bf4141; text-align:center; line-height:40px; margin-top:20px; border-radius:40px;}
.join_form_wrap a{display:block; color:#fff; width:100%; height:100%; }





/* 패밀리사이트 */
.family_site_wrap{}
.family_site_wrap dl{margin-bottom:30px; overflow:hidden;}
.family_site_wrap dt{width:460px; float:left; margin-right:80px;}
.family_site_wrap dd{float:left; padding-top:80px;}
.family_site_wrap dd h5{font-size:30px; color:#222; line-height:1; margin-bottom:30px; font-family: 'GmarketSansMedium'; font-weight:500;}
.family_site_wrap dd p{font-size:16px; line-height:24px; color:#555; margin-bottom:30px;}
.family_site_wrap dd span{font-size:16px; font-family: 'Poppins', sans-serif; display:block; width:300px; height:50px; background:url(/user_data/phymca/content/editor/img/fs_home.png)left center no-repeat;}
.family_site_wrap dd span a{color:#777; display:block; padding:12px 0 0 65px;}




.m_sponsor_periodic{display:block;}
.pc_sponsor_periodic{display:none;}
.board_table .board_btn{height:30px !important; line-height:30px !important; padding:0 5px!important; display:inline-block}
a.board_btn, a.board_btn{padding:0 5px!important;}
.board_table .btn_input{font-size:10px;}