@charset "utf-8";

/* layout */
body {position:relative;min-width:1270px;background:#fefefe;}
#wrap {padding:0 161px 0 0;}
.headTop .mobLogo {display:none;}
.headTop .headMem {width:160px;position:fixed;top:25px;right:0;z-index:300;text-align:center;}
.headTop .headMem a {display:inline-block;margin:0 10px;padding:0 0 2px;color:#333;border-bottom:2px solid #333;font-size:12px;font-weight:bold;}
.headTop .menuBtn {display:none;}
.main .headTop .menuBtn {display:block;}
.headTop .menuBtn button {width:72px;height:72px;position:absolute;top:60px;left:0;background:#fff;z-index:400;text-indent:-9999px;}
.headTop .menuBtn button:after {content:"";width:24px;height:21px;position:absolute;top:24px;left:24px;background:url(/images/btn_menu.gif) no-repeat;}
#gnb {background:url(/images/bg_gnb.gif) no-repeat 50% 0;}
.main #gnb {display:none;}
#gnb .gnbMem {display:none;}
#gnb .menuList {width:1100px;margin:0 auto;padding:27px 0 34px;}
#gnb .menuList:after {content:"";display:block;clear:both;}
#gnb .menuList > li {float:left;width:157px;text-align:center;letter-spacing:-1.6px;}
#gnb .menuList > li > a {display:inline-block;padding:5px 0 0;font-size:18px;color:#000;border-top:2px solid #fff;font-weight:bold;}
#gnb .menuList > li.on > a {color:#3d86c6;border-top:2px solid #3d86c6;}
#gnb .menuList ul {display:none;height:260px;margin:34px 0 20px;padding:0 14px;border-right:1px solid #eee;text-align:left;}
.main #gnb .menuList ul {display:block;}
#gnb .menuList li:first-child ul {border-left:1px solid #eee;}
#gnb .menuList ul li {margin:9px 0 0;}
#gnb .menuList ul li:first-child {margin:0;}
#gnb .menuList ul li .new {margin-left: 3px;color:#ff1616 !important;font-size: 10px;font-weight: bold;font-family: 'TmonMonsori',serif;vertical-align: text-top;}
#gnb .menuList ul a {color:#333;}
#gnb .menuList ul a:hover {color:#3d86c6;text-decoration:underline;}
#gnb .langLinks {display:none;}
#gnb .langLinks a {vertical-align:middle;}

@media all and (min-width:1025px) {
	body {left:0 !important;}
}

@media all and (max-width:1024px) {
	body {min-width:320px;}
	#wrap {padding:0 127px 0 0;}
	.headTop .headMem {width:127px;}
	.headTop .menuBtn {display:block;}
	.headTop .headMem a {margin:0 5px;}

	#gnb {display:none;width:310px;position:absolute;top:0;left:-310px;bottom:0;background:#fff;}
	#gnb:after {content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:300;opacity:.5;}
	#gnb .gnbMem {position:relative;display:table;width:100%;height:40px;z-index:400;}
	#gnb .gnbMem a {display:table-cell;width:50%;background:#424242;text-align:center;vertical-align:middle;color:#fff;}
	#gnb .gnbMem a:first-child {background:#383838;}
	#gnb .menuList {position:absolute;top:40px;right:0;bottom:0;left:0;width:auto;padding:0;background:#fff;z-index:400;}
	#gnb .menuList > li {float:none;width:auto;border-top:1px solid #eee;text-align:left;}
	#gnb .menuList > li:first-child {border:0;}
	#gnb .menuList > li:last-child {border-bottom:1px solid #eee;}
	#gnb .menuList > li > a {display:block;padding:10px 0 10px 42px;border:0;}
	#gnb .menuList > li.on > a {background:#3d86c6;color:#fff;}
	#gnb .menuList ul {height:auto;position:relative;margin:0 0 -1px;padding:0;background:#f3f3f3;border:0;}
	.main #gnb .menuList ul {display:none;}
	#gnb .menuList ul li {margin:0;border-bottom:1px solid #d7d7d7;}
	#gnb .menuList ul a {display:block;position:relative;padding:10px 0 10px 50px;}
	#gnb .menuList ul a:after {content:"";position:absolute;top:50%;left:40px;width:2px;height:2px;margin:-1px 0 0;background:#888;}
}
@media all and (max-width:760px) {
	#wrap {padding:0;}
	.headTop {height:60px;background:#eee;}
	.headTop .mobLogo {display:block;}
	.headTop .mobLogo a {display:block;width:160px;height:60px;background:url(/images/img_logo_mob.gif) no-repeat;background-size:160px;text-indent:-9999px;}
	.headTop .headMem {position:absolute;top:15px;}
	.headTop .menuBtn button {width:46px;height:46px;top:85px;text-indent:-99999px;}
	.headTop .menuBtn button:after {content:"";width:22px;height:19px;position:absolute;top:14px;left:12px;background:url(/images/icon_pack_mama.png) no-repeat 0 -25px;background-size:250px;}
	#gnb {width:200px;left:-200px;}
	#gnb .langLinks {position:relative;display:block;padding:10px 0 11px;background:#fff;border-bottom:1px solid #eee;text-align:center;z-index:400;}
	#gnb .menuList {top:85px;}
	#gnb .menuList > li > a {padding:5px 0 5px 21px;font-size:16px;}
	#gnb .menuList ul a {padding:5px 0 5px 25px;}
	#gnb .menuList ul a:after {left:20px;}
}

.main #container {position:relative;}
.subTop {position:relative;min-width:1100px;height:525px;}
.intro .subTop {background:url(/images/contents/img_sub_visual_intro.jpg) no-repeat 50% 50%;}
.help .subTop {background:url(/images/contents/img_sub_visual_help.jpg) no-repeat 50% 50%;}
.research .subTop {background:url(/images/contents/img_sub_visual_research.jpg) no-repeat 50% 50%;}
.fertility .subTop {background:url(/images/contents/img_sub_visual_fertility.jpg) no-repeat 50% 50%;}
.fertility.new .subTop {background:url(/images/contents/img_sub_visual_fertility_new.png) no-repeat 50% 50%;}
.gynecology .subTop {background:url(/images/contents/img_sub_visual_gynecology.jpg) no-repeat 50% 50%;}
.community .subTop {background:url(/images/contents/img_sub_visual_community.jpg) no-repeat 50% 50%;}
.online .subTop {background:url(/images/contents/img_sub_visual_online.jpg) no-repeat 50% 50%;}
.online2 .subTop {background:url(/images/contents/img_sub_visual_online_v2.png) no-repeat 50% 50%;}
.online2 .visualTxt {display: none;}
.mypage .subTop {background:url(/images/contents/img_sub_visual_mem.jpg) no-repeat 50% 50%;}
.member .subTop {background:url(/images/contents/img_sub_visual_mem.jpg) no-repeat 50% 50%;}

.location {position:absolute;top:60px;height:50px;padding:22px 30px 0;background:#fff;font-size:18px;}
.main .location {left:77px;z-index:100;}
.location b {display:inline-block;margin:0 5px;font-size:10px;vertical-align:2px;}
.location strong {font-weight:normal;}

.visualTxt {width:1100px;margin:0 auto;padding:190px 0 0;}
.visualTxt strong {display:inline-block;padding:0 0 15px;font-size:50px;font-weight:normal;border-bottom:1px solid #000;color:#000;}
.visualTxt span {display:block;margin:20px 0 0;}

.intro .visualTxt strong,
.help .visualTxt strong,
.research .visualTxt strong,
.gynecology .visualTxt strong,
.online .visualTxt strong {border-bottom:1px solid #fff;color:#fff;}
.intro .visualTxt span,
.help .visualTxt span,
.research .visualTxt span,
.gynecology .visualTxt span,
.online .visualTxt span {color:#dedede;}

@media all and (max-width:1024px) {
	.subTop {min-width:0;height:460px;background-size:cover !important;}
	.location {left:77px;}
	.visualTxt {width:auto;padding-left:60px;}
	.visualTxt strong {font-size:30px;}
}
@media all and (max-width:760px) {
	.subTop {height:225px;}
	.location {display:none;}
	.visualTxt {padding:23px 0 0 65px;}
	.visualTxt strong {padding:0;border:0 !important;}
	.visualTxt span {display:none;}
}

.pageHead {position:relative;background:#256ead;z-index:100 !important;}

.pageTitle {position:relative;height:90px;background:#3d86c6;color:#fff;text-align:center;font-size:40px;line-height:90px;}
.pageTitle a {overflow:hidden;width:30px;height:54px;position:absolute;top:19px;background:url(/images/bg_page_prev.gif) no-repeat;text-indent:-9999px;}
.pageTitle .prev {left:30px;}
.pageTitle .next {right:30px;background:url(/images/bg_page_next.gif) no-repeat;}

.pageMenu {width:1100px;margin:0 auto;border-left:1px solid #3d86c6;}
.pageMenu:after {content:"";display:block;clear:both;}
.pageMenu .home {float:left;width:79px;height:60px;border-right:1px solid #3d86c6;text-align:center;}
.pageMenu .home a {display:inline-block;width:26px;height:21px;margin:20px 0 0;background:url(/images/bg_page_home.gif) no-repeat;text-indent:-99999px;}
.pageMenu .menuSel {position:relative;float:left;border-right:1px solid #3d86c6;font-size:16px;}
.pageMenu .menuSel button {height:60px;padding:0 95px 0 60px;color:#fff;text-align:left;}
.pageMenu .menuSel button:after {content:"";position:absolute;top:27px;right:30px;border:7px solid transparent;border-top:8px solid #fff;border-bottom:0;}
.pageMenu .menuSel ul {display:none;position:absolute;top:59px;right:-1px;left:-1px;background:#fff;border:1px solid #3d86c6;z-index:100;}
.pageMenu .menuSel li {border-top:1px solid #ddd;}
.pageMenu .menuSel li:first-child {border:0;}
.pageMenu .menuSel li a {display:block;padding:0 0 0 25px;line-height:50px;}
.pageMenu .menuSel li a:hover {background:#f9f9f9;color:#333;font-weight:bold;}
.pageMenu .depth2 {display:none;}

.intro .pageMenu .introMenu,
.help .pageMenu .helpMenu,
.research .pageMenu .researchMenu,
.fertility .pageMenu .fertilityMenu,
.gynecology .pageMenu .gynecologyMenu,
.community .pageMenu .communityMenu,
.online .pageMenu .onlineMenu {display:block;}

@media all and (max-width:1024px) {
	.pageTitle,
	.pageMenu .home {display:none;}
	.pageMenu {width:auto;border:0;}
	.pageMenu .menuSel {float:none;border:0;}
	.pageMenu .menuSel:after {content:"";display:block;clear:both;}
	.pageMenu .depth1 {width:100%;overflow:auto;}
	.pageMenu .depth1 p {display:none;}
	.pageMenu .depth1 ul {display:block;position:relative;top:auto;left:auto;right:auto;background:none;border:0;}
	.pageMenu .depth1 li {float:left;border:0;}
	.pageMenu .depth1 li a {padding:0 50px;border-left:1px solid #538cbd;font-size:24px;color:#a5b9d3;font-weight:bold;}
	.pageMenu .depth1 li a:hover {background:none;color:#a5b9d3;}
	.pageMenu .depth1 li:first-child a {border:0;}
	.pageMenu .depth1 li.on a {color:#fff;}
	.pageMenu .depth2 button {width:100%;height:90px;padding:0;background:#3d86c6;text-align:center;font-size:30px;}
	.pageMenu .depth2 button:after {position:static;margin:0 0 0 20px;border:16px solid transparent;border-top:19px solid #fff;border-bottom:0;font-size:0;line-height:0;}
	.pageMenu .depth2 ul {display:none;position:static;border-top:0;}
	.pageMenu .depth2 li a {padding:0;text-align:center;}

	.pageMenu .depth1 .swiper-wrapper {
		position: relative;
		width: 1000%;
		height: 100%;
		z-index: 1;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transition-property: -webkit-transform;
		-moz-transition-property: -moz-transform;
		-o-transition-property: -o-transform;
		-ms-transition-property: -ms-transform;
		transition-property: transform;
		-webkit-transform: translate3d(0px, 0, 0);
		-moz-transform: translate3d(0px, 0, 0);
		-o-transform: translate(0px, 0px);
		-ms-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0);
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	.pageMenu .depth1 ul .swiper-slide {
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-flex-shrink: 0;
		-ms-flex: 0 0 auto;
		flex-shrink: 0;
		position: relative;
		text-align: center;
	}
}
@media all and (max-width:760px) {
	.pageMenu .depth1 li a {padding:0 25px;font-size:17px;line-height:35px;}
	.pageMenu .depth2 button {height:50px;font-size:20px;}
	.pageMenu .depth2 button:after {border:7px solid transparent;border-top:8px solid #fff;border-bottom:0;}
}

#contents {width:1000px;min-height:400px;margin:80px auto 0;padding:0 0 100px;font-size:16px;}
.pageDesc {height:122px;margin:0 0 55px;padding:0 50px 0 20%;background:#fff url(/images/bg_page_desc.gif) no-repeat 0 0;background-size:contain;border:1px solid #eaeaea;color:#333;font-size:22px;font-family:Nanum Myeongjo; background-position:5% 0%;}
.pageDesc strong {display:inline-block;vertical-align:middle;}
.pageDesc span {color:#3d86c6;}
.pageDesc:after {content:"";display:inline-block;height:100%;vertical-align:middle;}
@media all and (max-width:1024px) {
	#contents {width:auto;padding:0 40px 100px;}
	.pageDesc {;background-size:contain; background-position:2% 0%; padding:0 50px 0 25%;}
}
@media all and (max-width:760px) {
	#contents {width:auto;margin:40px 0 0;padding:0 20px 50px;font-size:14px;}
	.pageDesc {height:95px;padding:0 25px 0 35%;font-size:14px; background-position:1% 0%;}
}

#footer {background:#444;color:#999;}
#footer .footSection {width:1100px;overflow:hidden;margin:0 auto;}
#footer .footLogo {float:left;padding:16px 50px 0 0;}
#footer .footLogo img {width:160px;}
#footer .footLinks {padding:28px 0 0;color:#575757;}
#footer .footLinks a {margin:0 5px;color:#999;}
#footer .footHospInfo {margin:15px 0 0;padding:15px 0;border-top:1px solid #565656;}
#footer .footHospInfo p {width:1100px;margin:0 auto;}

#quickmenu {display:none;}

.webDeco {width:160px;position:fixed;top:0;right:0;bottom:0;background:#fff;border-left:1px solid #eee;z-index:200;overflow:hidden;}
.webDeco .home a {position:absolute;top:20%;left:50%;width:94px;height:134px;margin:-55px 0 0 -47px;background:url(/images/img_deco.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
.webDeco .topBtn button {width:48px;height:48px;position:absolute;bottom:-50px;left:50%;margin:0 0 0 -24px;background:url(/images/btn_top.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
.webDeco .langLinks {position:absolute;top:10%;left:0;right:0;text-align:center;}
.langLinks a {display:inline-block;overflow:hidden;width:22px;height:23px;text-indent:-9999px;}
.langLinks a.ko {background:url(/images/lang/icon_ko.gif) no-repeat;}
.langLinks a.zh {background:url(/images/lang/icon_zh.gif) no-repeat;}
.langLinks a.vi {background:url(/images/lang/icon_vi.gif) no-repeat;}
.langLinks a.en {background:url(/images/lang/icon_en.gif) no-repeat;}
@media all and (max-width:1024px) {
	#footer .footSection {width:auto;padding:0 0 0 20px;}
	#footer .footHospInfo p {width:auto;padding:0 0 0 20px;}

	.webDeco {width:126px;}
	.webDeco .home a {background-size:80px;margin:-50px 0 0 -40px;}
}
@media all and (max-width:760px) {
	.webDeco {display:none;}
	#footer .footLogo {float:none;}
	.langLinks a.ko {background:url(/images/lang/icon_ko.gif) no-repeat;}
	.langLinks a {background-size:cover !important;}
	.langLinks a.zh {background:url(/images/lang/icon_zh_mo.gif) no-repeat;}
	.langLinks a.vi {background:url(/images/lang/icon_vi_mo.gif) no-repeat;}
	.langLinks a.en {background:url(/images/lang/icon_en_mo.gif) no-repeat;}

	#quickmenu {min-width:320px;display:block;position:fixed;bottom:0;left:0;right:0;height:55px;background:#fff;z-index:1000;  box-shadow: 0 -6px 16px rgba(0,0,0,.12);  border-top: 1px solid rgba(0,0,0,.06);}
	#quickmenu li {float:left;width:25%;}
	#quickmenu li a {position:relative;display:block;padding-top:33px;height:50px;border-left:1px solid #d9d9d9;text-align:center;color:#353535;font-size:12px;font-weight:bold;}
	#quickmenu li:first-child a {border-left:0;}
	#quickmenu li a:after {content:'';display:block;position:absolute;right:0;top:0;width:1px;height:50px;/*background-color:#2a2a2a;*/}
	#quickmenu li a:before {content:"";position:absolute;top:8px;left:50%;margin-left:-7px;width:25px;height:25px;background:url(/images/quick-icon-new.png);background-repeat:no-repeat;background-size:50px;}
	#quickmenu li.quick-tel a:before {background-position:0 0;}
	#quickmenu li.quick-reserv a:before {background-position:-25px 0;width:22px;height:22px;margin-left:-8px;}
	#quickmenu li.quick-time a:before {background-position:0 -25px;}
	#quickmenu li.quick-map a:before {background-position:-25px -25px;width:22px;height:22px;margin-left:-10px;}
}
/* //layout */

/* ie8 이하 */
#version {position:fixed;top:0;left:0;width:100%;padding:18px 0 20px;background:#3d86c6;text-align:center;z-index:9999;color:#fff;font-size:15px;}
#version a {display:inline-block;padding:4px 5px 5px;color:#fff;border:1px solid #fff;}
.versionClose {position:absolute;top:5px;right:15px;color:#fff;}
/* //ie8 이하 */

/* title */
.sectionIdt {font:50px/1.1 Nanum Myeongjo;color:#333;}
.sectionIdt_ {font:50px/1.1 Nanum Gothic;color:#333; font-weight:600;}
.subTitle {margin:100px 0 30px;font-size:30px;color:#3d86c6;line-height:1.2;}
.subTitle2 {position:relative;margin:55px 0 15px;padding:0 0 0 22px;color:#333;font-size:20px;}
.subTitle2:after {content:"";position:absolute;top:8px;left:0;width:16px;height:16px;background:url(/images/icon_pack_mama.png) no-repeat -50px -50px;}
@media all and (max-width:1024px) {
}
@media all and (max-width:760px) {
	.sectionIdt {font-size:35px;}
	.sectionIdt_ {font-size:35px;}
	.subTitle {margin:30px 0 20px;font-size:24px;color:#3d86c6;}
	.subTitle2 {margin:20px 0 10px;padding:0 0 0 14px;font-size:15px;}
	.subTitle2:after {top:6px;background-position:-50px -25px;background-size:250px;}
}
/* //title */

/* section */
.section {zoom:1;}
.section:after {content:"";display:block;clear:both;overflow:hidden;}
.section .contWrap {float:left;width:475px;margin-left:40px;}
.section .contWrap .subTitle {margin-top:0;}
.section .contWrap:first-child {margin-left:0;}

.imgSection {zoom:1;text-align:center;}
.imgSection:after {content:"";display:block;clear:both;}
.imgSection span {float:left;}

.contPoint {font-size:24px;color:#333;line-height:1.4;font-weight:bold;letter-spacing:-1px;}
.contPoint span {font-weight:normal;font-size:20px; line-height:34px;}
.txtCont p {margin:15px 0;}
.txtCont p:first-child {margin-top:0;}

.imgCont {text-align:center;}
.imgCont span {float:left;}

.leftImg .contWrap,
.rightImg .contWrap {margin-left:0;}
.leftImg .txtCont {float:right;}
.rightImg .imgCont {float:right;}

.titSection {margin:55px 0 0;}
.subSection {margin:30px 0 0;}
.subSection2 {margin:15px 0 0}

.lineBox {padding:30px;border:1px solid #e6e6e6;}

.chkTxt {position:relative;padding:0 0 0 35px;}
.chkTxt:after {content:"";position:absolute;top:0;left:0;width:26px;height:23px;background:url(/images/icon_pack_mama.png) no-repeat -250px -50px;}

@media all and (max-width:1024px) {
	.section .contWrap {display:block;float:none;width:100% !important;margin:12px 0 0;}
	.section .imgCont img {margin:10px 0 !important;}

	.respSection {margin-top:10px !important;}
	
	.imgSection {text-align:center;}
	.imgItem3 span {width:33.33%;}
}
@media all and (max-width:760px) {
	.section {padding:0;font-size:14px;}
	.titSection {margin:35px 0 0;}
	.subSection {margin:20px 0 0;}

	.imgSection span {float:none;display:block;width:100%;}
	.lineBox {padding:15px;border:1px solid #e6e6e6;}
}
/* //section */

/* 구분선 */
hr {margin:55px 0;border:0;border-top:1px dashed #d7d7d7;}
@media all and (max-width:1024px) {
	hr {margin:30px 0;}
}
/* //구분선 */

/* list style */
.bulTxt,
.buList > li {position:relative;margin-top:6px;padding-left:15px;font-size:14px;}
.bulTxt:after,
.buList > li:after {content:"";position:absolute;top:8px;left:0;width:5px;height:5px;background:#a2b1c0;}
.buList > li:first-child {margin-top:0;}

.bulTxt2,
.buList2 > li {position:relative;margin-top:12px;padding-left:28px;font-size:16px;color:#333;}
.bulTxt2:after,
.buList2 > li:after {content:"";position:absolute;top:2px;left:0;width:20px;height:20px;background:url(/images/icon_pack_mama.png) no-repeat -150px -50px;}
.buList2 > li:first-child {margin-top:0;}
/* //list style */

/* color */
.colorIdt {color:#3d86c6;}
.colorPink {color:#f27787;}
.colorBlack {color:#333;}
.colorGray {color:#999;}
.colorBlue {color:#0f489e;}
.colorRed {color:#e73c0e;}
.colorGreen {color:#4f920d;}
/* //color */

/* button */
.btnWrap {width:100%;margin:30px 0 0;text-align:center;}
.btnWrap:after {content:"";display:block;clear:both;}
.btnWrap .btnLeft {float:left;}
.btnWrap .btnLeft a {margin-left:0;}
.btnWrap .btnRight {float:right;}
.btnWrap .btnRight a {margin-right:0;}
.btnRight {text-align:right;}
.btnLeft {text-align:left;}

.btnT {display:inline-block;width:84px;padding:5px 0;text-align:center;font-size:14px;font-weight:bold;vertical-align:middle;}
.btnReplace,
.btnTs {background:#3d86c6;border:1px solid #3d86c6;color:#fff !important;}
.btnFile,
.btnTfl {background:#fff;border:1px solid #ccc;color:#333 !important;}

.btnM {display:inline-block;min-width:60px;padding:5px 30px;font-size:16px;text-align:center;font-weight:bold;vertical-align:middle;}
button.btnM {min-width:120px;}
.btnMfl {background:#fff;border:1px solid #ccc;color:#333 !important;}
.btnList, .btnDel, .btnAllChk, .btnCancel,
.btnMg {background:#e8ebed;border:1px solid #b8bbbc;color:#333 !important;}
.btnSearch, .btnWrite, .btnModify, .btnAnswer, .btnConfirm,
.btnMb {background:#3d86c6;border:1px solid #3d86c6;color:#fff !important;}

.btnL {display:inline-block;min-width:200px;padding:10px 15px;font-size:18px;text-align:center;font-weight:bold;vertical-align:middle;}
button.btnL {min-width:230px;}
.btnLogin, .btnFindId, .btnFindPw, .btnLConfirm, .btnJoin,
.btnLb {background:#3d86c6;border:1px solid #3d86c6;color:#fff !important;}
.btnLCancel, .btnPwFind,
.btnLg {background:#777c80;border:1px solid #777c80;color:#fff !important;}
.btnLp {background:#f27787;border:1px solid #f27787;color:#fff !important;}
.btnLfl {position:relative;padding:11px 20px;background:#fff;border:2px solid #3d86c6;color:#3d86c6 !important;text-align:left;font-size:16px;}
.btnLfl:after {content:"";position:absolute;top:16px;right:18px;width:9px;height:15px;background:url(/images/icon_pack_mama.png) no-repeat 0 -100px;}
.btnLfl2 {position:relative;padding:11px 20px;background:#fff;border:2px solid #f27787;color:#f27787 !important;text-align:left;font-size:16px;}
.btnLfl2:after {content:"";position:absolute;top:16px;right:18px;width:9px;height:15px;background:url(/images/icon_pack_mama.png) no-repeat -200px -150px;}
.btnDetail {position:relative;padding:9px 20px 10px;background:#fff;border:2px solid #3d86c6;color:#3d86c6 !important;text-align:left;font-size:16px;}
.btnDetail:after {content:"";position:absolute;top:16px;right:18px;width:9px;height:15px;background:url(/images/icon_pack_mama.png) no-repeat 0 -100px;transform:rotate(90deg);}

@media all and (max-width:760px) {
	.btnWrap {margin:15px 0 0;}
	.btnT {width:auto;padding:5px;box-sizing:border-box;}
	.btnM {min-width:0;padding:5px 15px;font-size:15px;box-sizing:border-box;}
	.btnL {width:100%;min-width:0;box-sizing:border-box;font-size:16px;}
	button.btnL {width:100%;min-width:0;}
	.btn2 {display:table;width:100%;}
	.btn2 span {display:table-cell;width:50%;}
	.btn2 span * {width:100% !important;margin-left:4px;}
	.btn2 span:first-child * {margin:0 4px 0 0;}
	.btnLfl:after {top:14px;right:18px;width:10px;height:16px;background-position:-25px -50px;background-size:250px;}
	.btnLfl2:after {top:14px;right:18px;width:10px;height:16px;background-position:-75px -75px;background-size:250px;}
	.btnDetail {padding:9px 10px;}
	.btnDetail:after {top:14px;right:18px;width:10px;height:16px;background-position:-25px -50px;background-size:250px;}
}
/* //button */

/* tab */
.mobBtn {display:none;}
.tabList {zoom:1;margin:0 -1px;}
.tabList:after {content:"";display:block;clear:both;}
.tabList li {float:left;width:20%;}
.tabItem4 li {width:25%;}
.tabItem2 li {width:50%;}
.tabList li a {position:relative;display:block;line-height:45px;margin:0 1px;background:#f7f7f7;border:1px solid #eaeaea;color:#333;font-weight:bold;text-align:center;}
.tabList li.on a {line-height:41px;background:#fff;border:3px solid #3d86c6;}
.tabList li.on a:after {content:"";position:absolute;bottom:-13px;left:50%;margin-left:-10px;border:10px solid transparent;border-top:11px solid #3d86c6;border-bottom:0;}
@media all and (min-width:761px) {
	.tabList {display:block !important;}
}
@media all and (max-width:760px) {
	.mobBtn {display:block;position:relative;border:1px solid #c6c6c6;}
	.mobBtn:after {content:"";position:absolute;top:0;right:0;width:50px;height:44px;border-left:1px solid #ddd;}
	.mobBtn button {position:relative;z-index:2;display:block;width:100%;height:44px;padding:0 0 0 20px;color:#333;font-weight:bold;text-align:left;}
	.mobBtn button:after {content:"";position:absolute;top:18px;right:15px;width:18px;height:10px;background:url(/images/icon_pack_mama.png) no-repeat -100px -50px;background-size:250px;}
	.tabList {display:none;}
	.tabList li {float:none;width:auto;margin:-1px 0 0;}
	.tabList li a {padding:0 0 0 20px;background:#fff;text-align:left;}
	.tabList li.on a {background:#3d86c6;border:1px solid #ddd;color:#fff;}
	.tabList li.on a:after {display:none;}
}
/* //tab */

/* accordianCont */
.accordianCont > ul > li {margin:20px 0 0;border:1px solid #d0d8de;overflow:hidden;}
.accordianCont li:first-child {margin:0;}
.accordianCont li .tit {position:relative;display:block;padding:12px 70px 12px 27px;background:#f1f6fa;color:#333;font-size:18px;font-weight:bold;}
.accordianCont li .tit:after {content:"";position:absolute;top:50%;right:20px;width:16px;height:28px;margin-top:-14px;background:url(/images/icon_pack_mama.png) no-repeat -100px -100px;}
.accordianCont li .cont {display:none;padding:25px 30px 70px;border-top:1px solid #d0d8de;}
@media all and (max-width:760px) {
	.accordianCont li .tit {padding:10px 35px 10px 15px;font-size:14px;}
	.accordianCont li .tit:after {right:16px;width:14px;height:25px;margin-top:-12px;background-position:-75px -50px;background-size:250px;}
	.accordianCont li .cont {padding:10px;}
}
/* //accordianCont */

/* search */
.pagination + .bbsSearch {margin-top:40px;}
.bbsSearch {padding:14px 0;background:#fbfbfb;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;text-align:center;}
.bbsSearch span {display:inline-block;}
.bbsSearch select {width:88px;}
.bbsSearch .txt {width:150px;margin:0 4px;}
.bbsSearch .btn {width:32px;height:30px;text-indent:-9999px;background:url(/images/icon_pack_mama.png) no-repeat -50px -200px;}
.bbsSearch .btnM {min-width:40px;padding:3px 15px;}
@media all and (max-width:760px) {
	.bbsSearch select {width:75px;}
	.bbsSearch .txt {width:120px;margin:0;}
}
/* //search */

/* bbsList */
.tab + .bbsList {margin-top:50px;border-top:1px solid #ddd;}
.bbsList {margin:20px 0 0;}
.bbsList li {border-bottom:1px solid #ddd;}
.bbsList li:nth-of-type(2n) {background:#fbfbfb;}
.bbsList li a {display:block;padding:15px;color:#666;}
.bbsList li a strong {color:#333;}
.bbsList li.notice a strong {color:#3d86c6;}
.bbsList li .listInfo {display:block;font-size:12px;}
.bbsList li .listInfo span {margin:0 60px 0 0;}
.bbsList li .subject {display:block;margin:14px 0 0;font-size:16px;line-height:1.2;}
.bbsList li .cont {display:block;overflow:hidden;max-height:40px;margin:10px 0 0;font-size:14px;}
.bbsList li.nonList {padding:40px 0 0;text-align:center;font-size:16px;font-weight:bold;border:0;}
@media all and (max-width:760px) {
	.bbsList {margin:0;}
	.bbsList li {padding:20px 0;}
	.bbsList li a {padding:0;}
	.bbsList li .listInfo span {margin:0;}
	.bbsList li .listInfo .num,
	.bbsList li .listInfo .name {display:none;}
	.bbsList li.notice a {color:#3d86c6;}
}
.passSection {padding:20px 0;border-top:1px solid #3d86c6;border-bottom:1px solid #3d86c6;text-align:center;}
.passSection label {margin:0 15px 0 0;font-weight:bold;}
.passSection .txt {height:25px;}

.thumbList {}
.thumbList li {position:relative;border-bottom:1px solid #ddd;}
.thumbList a {display:block;height:110px;padding:20px 0 20px 180px;}
.thumbList .thumb {position:absolute;top:20px;left:0;width:160px;height:110px;text-align:center;}
.thumbList .thumb img {height:110px;}
.thumbList b {color:#333;}
.thumbList .tit {display:block;margin:10px 0 0;font-size:16px;}
.thumbList .num {font-size:12px;}
.thumbList .name,
.thumbList .date {float:right;font-size:12px;margin:0 0 0 15px}
.thumbList .txt {display:block;margin:10px 0 0;font-size:14px;line-height:1.2;}
@media all and (max-width:1024px) {
	.thumbList a {padding-left:170px;}
}
@media all and (max-width:610px) {
	.thumbList {}
	.thumbList li {border:0;margin:15px 0 0;}
	.thumbList li:first-child {margin:0;}
	.thumbList a {height:auto;border:1px solid #ddd;padding:0;}
	.thumbList .thumb {position:static;display:block;width:100%;height:auto;margin:0 0 10px;}
	.thumbList .thumb img {height:auto;}
	.thumbList .num {margin:0 0 0 15px;}
	.thumbList .name {margin:0 5px 0 0;}
	.thumbList .date {margin:0 15px 0 0;}
	.thumbList .tit {display:block;margin:10px 15px 0;font-size:16px;}
	.thumbList .txt {margin:15px;}
}
.tab + .photoList {margin-top:50px;}
.photoList ul {zoom:1;margin:-20px;}
.photoList ul:after {content:"";display:block;clear:both;}
.photoList li {float:left;width:33.33%;}
.photoList li a {display:block;height:350px;margin:20px;padding:34px 32px;background:#fff url(/images/contents/bg_cardList.gif) no-repeat;background-size:100%;border:1px solid #e1e1e1;font-size:14px;}
.photoList li .thumb {display:block;text-align:center;}
.photoList li .thumb img {height:160px;}
.photoList li .tit {display:block;height:30px;color:#333;margin:18px 0 0;}
.photoList li .txt {display:block;height:84px;margin:13px 0 0;overflow:hidden;}
.photoList li .etc {display:block;margin:16px 0 0;padding:15px 0 0;text-align:right;border-top:1px dashed #d7d7d7;}
.photoList li .etc .num {float:left;}

.photoList.type-02 li a {height:276px;}
.photoList.type-02 li .tit {display:block;height:56px;font-size:16px;font-weight:700;line-height:28px;color:#333;margin:18px 0 0;}
.photoList.type-02 li .tit .notice {margin-right:0.25em;color:#3d86c6;}

@media all and (max-width:1024px) {
	.photoList ul {margin:-10px;}
	.photoList li a {height:auto;}
	.photoList li {width:50%;}
	.photoList li a {margin:10px;}
	
	.photoList.type-02 li a {height:304px;}
	.photoList.type-02 li .tit {height:84px;}
}
@media all and (max-width:600px) {
	.photoList li {float:none;width:auto;}
	.photoList li .thumb img {height:auto;}
	.photoList.type-02 li a {height:auto;}
	.photoList.type-02 li .tit {height:auto;}
}
/* //bbsList */

/* bbsView */
.tab + .bbsView {margin-top:50px;}
.bbsView {}
.bbsView .viewTitle {padding:15px 0;border-top:2px solid #3d86c6;font-size:20px;line-height:1.2;}
.bbsView .viewInfo {padding:12px 0;border-top:1px solid #ddd;font-size:12px;}
.bbsView .viewInfo span {display:inline-block;margin-right:60px;color:#777;}
.bbsView .viewInfo a {color:#777;}
.bbsView .viewInfo span strong {color:#333;}
.bbsView .viewInfo .link {word-break:break-all;}
.bbsView .viewCont {padding:40px 0 70px;border-top:1px solid #ddd;border-bottom:2px solid #3d86c6;}
.bbsView .viewCont:first-child {padding-top:0;} 
.bbsView .viewCont img {max-width:100%;height:auto !important;}
.bbsView .btnWrap {margin:15px 0 0;}
.bbsView .viewNavi {margin:20px 0 0;border-bottom:1px solid #ddd;}
.bbsView .viewNavi li {border-top:1px solid #ddd;font-size:14px;}
.bbsView .viewNavi li a {display:block;overflow:hidden;padding:12px 0;text-overflow:ellipsis;white-space:nowrap;}
.bbsView .viewNavi li strong {float:left;margin:4px 8px 0;border:7px solid transparent;font-size:0;line-height:0;text-indent:-9999px;}
.bbsView .viewNavi li .prev {border-bottom:9px solid #ccc;border-top:0;}
.bbsView .viewNavi li .next {border-top:9px solid #ccc;border-bottom:0;}
.replySection {margin:45px 0;}
.replySection .replyTitle {font-size:16px;}
.replySection .replyText {margin:8px 0 0;padding:10px 10px 30px;background:#f7f7f7;border:1px solid #d7d7d7;}
.replySection .replyText textarea {width:99%;height:100px;}
.replySection .btnWrap {margin:15px 0 0;}
.replySection .replyList {margin:30px 0 0;border-bottom:1px solid #ddd;}
.replySection .replyList li {position:relative;padding:20px 0;border-top:1px solid #ddd;}
.replySection .replyList li .replyInfo span {margin:0 5px 0 0;}
.replySection .replyList li .replyInfo .name strong {font-size:14px;color:#333;}
.replySection .replyList li .replyInfo .name strong.my {color:#00a671;}
.replySection .replyList li .cont {display:block;font-size:14px;}
.replySection .replyList li .util {position:absolute;top:20px;right:0;}
.replySection .replyList li .util a {margin:0 4px;color:#333;}
.replySection .replyList li.replyWrite {position:relative;padding-right:125px;padding-left:90px;}
.replySection .replyList li.replyWrite textarea {width:100%;height:66px;}
.replySection .replyList li.replyWrite .name {position:absolute;top:20px;left:0;color:#333;font-size:14px;font-weight:bold;}
.replySection .replyList li.replyWrite .btn {position:absolute;top:20px;right:0;width:100px;height:62px;line-height:62px;background:#02cc8c;border:3px solid #00c687;color:#fff;font-size:14px;font-weight:bold;text-align:center;}
.replySection .replyList li.reReply {padding-left:20px;}

@media all and (max-width:1024px) {
	.bbsView .viewCont img {width:auto !important;height:auto !important;}
	.replySection .replyText textarea {width:100%;box-sizing:border-box;}
}
@media all and (max-width:760px) {
	.bbsView h4 {padding:9px 0;font-size:18px;}
	.bbsView .viewInfo {padding:6px 0;}
	.bbsView .viewInfo span {margin-right:35px;}
	.bbsView .viewInfo .name {display:none;}
	.bbsView .viewCont {padding:22px 0;}
	.bbsView .viewNavi li a {padding:8px 0;}
	.replySection .replyText textarea {height:80px;}
	.replySection .replyList li {padding:10px 0;}
	.replySection .replyList li .name {display:block;line-height:1.2;}
	.replySection .replyList li .util {top:10px;}
	.replySection .replyList li .cont {margin:10px 0 0;}
	.replySection .replyList li.replyWrite {padding-right:0;padding-left:0;}
	.replySection .replyList li.replyWrite .name {position:static;margin:0 0 10px;}
	.replySection .replyList li.replyWrite textarea {box-sizing:border-box;margin:0 0 10px;}
	.replySection .replyList li.replyWrite .btn {position:static;width:100%;height:26px;line-height:26px;box-sizing:border-box;}
}
/* //bbsView */

/* bbsWrite */
.bbsWrite {}
.bbsWrite th,
.bbsWrite td {border-bottom:1px dashed #ebebeb;}
.bbsWrite th {width:150px;padding:20px 0 20px 20px;text-align:left;font-size:14px;color:#333;vertical-align:top;}
.bbsWrite td {padding:10px 0;}
.bbsWrite td .noti {margin:0 0 0 45px;}
.bbsWrite td .w100 {width:575px;}
.bbsWrite td .mobTh {display:none;font-size:14px;color:#666;}
.bbsWrite td .inputFile {padding:0 80px 0 0;}
.bbsWrite td .inputFile .fileBtn {}
.bbsWrite td.files .inputFile {margin:5px 0 0;}
.bbsWrite td.files .inputFile:first-child {margin:0;}
.bbsWrite td.imgSel label {display:inline-block;text-align:center;}
.bbsWrite td.imgSel img {height:90px;}
@media all and (max-width:1024px) {
	.bbsWrite td .w100,
	.bbsWrite td select {width:100%;}
	.bbsWrite td .inputFile {padding:0 40px 0 0;}
}
@media all and (max-width:760px) {
	.bbsWrite th {display:block;width:auto;padding:8px 0 5px 5px;border:0;}
	.bbsWrite td {display:block;padding:0 5px 8px;}
	.bbsWrite td .inputFile .fileBtn {top:0;}
	.bbsWrite td .mobTh {display:inline-block;margin:0 12px 0 0;}
}
/* //bbsWrite */

/* table */
.typeWrite {}
.typeWrite tr {border-bottom:1px dashed #ebebeb;}
.typeWrite th,
.typeWrite td {padding:20px 0 20px 20px;}
.typeWrite th {width:150px;text-align:left;font-size:14px;color:#333;vertical-align:middle;}
.typeWrite td .smsConfirm {margin:5px 0 0;font-size:12px;}
.typeWrite td .smsConfirm label {margin:0 5px;}
@media all and (max-width:760px) {
	.typeWrite th {display:block;width:auto;padding:8px 0 5px 5px;border:0;}
	.typeWrite td {display:block;padding:0 5px 8px;}
	.typeWrite td {padding:10px 5px;}
	.typeWrite td .txt {width:100% !important;}
}

.typeList {border-top:2px solid #3d86c6;}
.typeList th,
.typeList td {padding:12px 25px;border:1px solid #cfd3d4;border-right:0;font-size:16px;}
.typeList thead th {color:#3d86c6;}
.typeList thead tr:first-child th {border-top:0;}
.typeList th:first-child,
.typeList td:first-child {border-left:0;}
.typeList th.bg {background:#fbfbfb;}
.typeList .line {border-left:1px solid #cfd3d4 !important;}
.typeList .alignLeft {text-align:left;}
.typeList .alignRight {text-align:right;}
.typeList .alignCenter {text-align:center;}
@media all and (max-width:760px) {
	.typeList th,
	.typeList td {padding:6px 12px;font-size:14px;}
}

/* //table */

/* pagination */
.pagination {margin:35px 0 0;padding:14px 0;background:#fbfbfb;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center;}
.pagination a,
.pagination strong {display:inline-block;min-width:28px;height:28px;line-height:28px;background:#fff;border:1px solid #d9d9d9;color:#999;font-size:14px;vertical-align:middle;}
.pagination a:hover {border:1px solid #3d86c6;}
.pagination strong {background:#3d86c6;color:#fff;border:1px solid #3d86c6;}
.pagination a.pageNavi {overflow:hidden;background:#fff url(/images/icon_pack_mama.png) no-repeat;text-indent:-9999px;}
.pagination a.start {background-position:-94px 7px;}
.pagination a.prev {background-position:-142px 7px;}
.pagination a.next {background-position:-190px 7px;}
.pagination a.end {background-position:-244px 7px;}
@media all and (max-width:760px) {
	.pagination {margin:18px 0 0;}
	.pagination a,
	.pagination strong {min-width:23px;height:23px;line-height:23px;font-size:12px;}
	.pagination a.pageNavi {background-size:400px;}
	.pagination a.start {background-position:-74px 6px;}
	.pagination a.prev {background-position:-112px 6px;}
	.pagination a.next {background-position:-152px 6px;}
	.pagination a.end {background-position:-196px 6px;}
}
/* //pagination */

/* popup */
#popWrap {position:relative;}
#popHeader {background:#3d86c6;}
#popHeader h1 {padding:16px 0 16px 30px;font-size:18px;color:#fff;}
#popContainer {padding:30px;}
#popContainer .btnWrap {margin:20px 0 0;}
#popClose {position:absolute;top:18px;right:30px;overflow:hidden;width:25px;height:25px;background:url(/images/btn_pop_close.png) no-repeat;text-indent:-9999px;}
/* //popup */

/* resp cont */
.tabShow,
.mobShow {display:none !important;}
@media all and (max-width:1024px) {
	.mobShow,
	.tabHide {display:none !important;}
	.tabShow {display:block !important;}
	.tabShowInline {display:inline !important;}
}
@media all and (max-width:760px) {
	.mobShow {display:block !important;}
	.mobShowInline {display:inline !important;}
	.mobHide {display:none !important;}
	.tableCell {display:table;width:100%;}
	.tableCell .cell {display:table-cell;text-align:center;}
	.tableCell .cell select {width:100% !important;}
}
/* //resp cont */
.printHead {background:#3d86c6;padding:16px 0 16px 30px;font-size:18px;color:#fff;}
.printCont {padding:15px;}