@charset "utf-8";
h2{font-family:'nsr','Malgun Gothic';}

/* 공통 메인 컨텐츠 */
.float{float:left;}
@media(max-width:640px) {
    .float{float:none;}
}

.layout{width:1414px;max-width:none;}
.layout:after{content:"";display:block;clear:both}

@media(min-width:0px){
.layout {width:100%;}
}
@media(min-width:1200px){
	#header .layout,
	#footer .layout{width:95%;}
}
/*
@media(min-width:1700px) {
	.layout {width:1414px;}
} 
*/


#mcontainer{position:relative; }

.moving { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#mvisual_box {position:relative; width:40%; height:1040px; left:0px; float:left; }
#mvisual_box #mvisual { position: relative; /*width: 860px;margin-left: -295px*/width:100%; height:1040px; ;  display:inline-block; background:url('/images/formul_cooper/main/main_visual_bg.jpg') no-repeat center top; text-align:center;}
#mvisual_box #mvisual .title {padding:405px 0 0 0; color:#fff; font-size:46px; line-height:1.1em}
#mvisual_box #mvisual .title  strong {font-weight:600; }
#mvisual_box #mvisual .text {color:#fff; font-size:24px;  line-height:1.3em; padding:22px 20px 45px 20px ; word-break:keep-all}
#mvisual_box #mvisual .btn a {background:#1a54b7; color:#fff; height:45px; padding:10px 30px; font-weight:600; font-size:17px}
/* 레이아웃마다 비쥬얼 텍스트 안나누시려면 합쳐두 무관 일단 다 분리해둠 */

#m_link1 {float:left; width:230px; height:1040px; border-right:1px solid #e5e5e5 }
#m_link1 ul {}
#m_link1 ul li {margin:85px 0 0 0; text-align:center}
#m_link1 ul li a {width:100%; display:inline-block}
#m_link1 ul li i {width:120px; height:120px; display:block; margin:0 auto}
#m_link1 ul li span {width:100%; display:block}
#m_link1 ul li span.title {font-size:22px; line-height:1.1em; padding:22px 0 5px; color:#000000; font-weight:600}
#m_link1 ul li span.title br {display:none}
#m_link1 ul li span.text { font-size:15px; line-height:1.35em;}
#m_link1 ul li  a.btn {border: 1px solid #e1e1e6; padding: 5px 10px 0; height: 36px; margin: 10px 0 0 0; display: inline-block; font-size: 14px; width:auto;}
#m_link1 ul li.btn1 i {background:url('/images/formul_cooper/main/m_link_icon1.jpg') no-repeat center top}
#m_link1 ul li.btn2 i {background:url('/images/formul_cooper/main/m_link_icon2.jpg') no-repeat center top}
#m_link1 ul li.btn3 i {background:url('/images/formul_cooper/main/m_link_icon3.jpg') no-repeat center top}


#content_box {width:40%; padding:52px 0 0 5%; float:left;}
.m_link2_1 {width:70%; height:270px; padding:33px 0 0 35px; border-right:1px solid #fff;  background:url('/images/formul_cooper/main/m_link_bg1.jpg') no-repeat left top; float:left; }
.m_link2_1 h2 {display:inline-block;  color:#black; font-size:22px;  line-height:1.2em; font-weight: bold;}
.m_link2_1 p {color:#black; font-size:15px; line-height:1.2em;  margin:0 0 5px; font-weight: bold;}
.m_link2_2 {float:left; width:30%; height:271px;}
.m_link2_2 > div a {width:179px; }
.m_link2_2 > div a { width:100%;  height:90px; text-align:center; display:inline-block; padding:55px 0 0 0; color:#fff; font-family:"ntk" }
.m_link2_2 > div.m_link2_2_2 a{ color:#000;}
.m_link2_2_1 {background:url('/images/formul_cooper/main/m_link_bg2.gif') no-repeat center 20px #959daa}
.m_link2_2_2 {background:url('/images/formul_cooper/main/m_link_bg3.gif') no-repeat center 20px #ffce35}
.m_link2_2_3 {background:url('/images/formul_cooper/main/m_link_bg4.gif') no-repeat center 20px #1a54b7}


#notice_box {position: relative; width:100%; height:280px;  margin:70px 0 80px 0; box-sizing: border-box;  }
#notice_box::before {content:"";display:inline-block; position:absolute; height:1px; width:100%; border-bottom:1px solid #cfcfcf; top:52px; vertical-align:middle;  z-index:10}
#notice_box h2 {float:left;vertical-align:top; padding:2px 0 19px 0; margin:0 22px 0 0; z-index:15 }
#notice_box h2 a{display:inline-block;color:#6c6c6c; font-size:22px;font-weight:normal;  font-family:"nsr"; vertical-align:top}
#notice_box .ov h2 {border-bottom:3px solid #000; padding:0px 0 15px 0 }
#notice_box .ov h2 .t{font-weight:bold; color:#000;  font-family:"ntk"}
#notice_box .ov .list{display:block;}

#notice_box .list {display:none;width:100%;position:absolute;left:0;top:77px; height:225px; /* overflow:hidden; */ z-index:10}
#notice_box .list li {overflow:hidden;padding:0 0 0 0;box-sizing:border-box; vertical-align:top; height:27px}
#notice_box .list li a {position:relative;width:100%; display:inline-block;  position: relative;} 
#notice_box .list li a .text {font-size:15px; width:100%; padding:0 100px 0 13px;  background:url('/images/formul_cooper/main/board_li_bg.gif') no-repeat 3px center; display:inline-block; color:#666; letter-spacing:-0.05em;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
#notice_box .list li a .date {position:absolute;right:0;top:1px;font-size:15px;color:#666;}

#notice_box .list#first li:first-child {margin:0 0 10px 0;  height:86px;  border-bottom:1px solid #cfcfcf}
#notice_box .list#first li:first-child .date {position:absolute; top:5px; right:auto; left:0px; color:#1e1e1e; font-size:14px; line-height:1.2em; padding:3px 10px; text-align:center;; border:3px solid #d0d0d0}
#notice_box .list#first li:first-child .date em {font-size:26px; width:100%; display:block; line-height:1.15em}
#notice_box .list#first li:first-child .text { float:left; width:100%; color:#000;   padding:20px 0 0 76px; text-align:left; font-size:17px; margin:0px; background:none}
#notice_box .list#first li:first-child .text em {width:100%; padding:0 17px 0 0; white-space:nowrap;, }
#notice_box .list#first li:first-child .text:after {content:""; background:url('/images/formul_cooper/main/board_icon.gif') no-repeat left top; width:16px; height:16px; display:inline-block; margin:3px 0 0 5px}
#notice_box .list#first li:first-child .text_2 { float:left; height:35px; text-overflow:ellipsis; overflow:hidden; line-height:1.3em; width:100%;  color:#858585; padding:0 0 0 97px; font-size:14px;text-align:left; margin:0px; }

#notice_box  .more {position:absolute; top:-65px; right:0px;}
#notice_box  .more a {width:29px; height:29px; display:inline-block;font-size:0;background:url('/images/formul_cooper/main/more_icon.gif') no-repeat 0 0;vertical-align:top;}

#m_inquiry {position:relative; width:100%; height:216px; border:1px solid #eaeaea; background:#eaeaea; }
#m_inquiry ul > li {float:left; width:50%}
#m_inquiry h2 { float:left; vertical-align:top; width:100%; height:56px; text-align:center; z-index:15; color:#3b3b3b; font-size:16px; font-weight:600; letter-spacing:-0.05em; background:#fff}
#m_inquiry h2 a {color:#3c3c3c; padding:15px 0 0 0; display:inline-block; width:100%; line-height:1.1em}
#m_inquiry .ov h2 {background:#eaeaea}
#m_inquiry .ov h2 a {display:block; color:#1a54b7; }
#m_inquiry .ov .list {display:block; background:url('/images/formul_cooper/main/inquiry_icon.png') no-repeat 50px center #eaeaea;}
#m_inquiry .list {display:none;width:100%;position:absolute;left:0;top:57px; height:158px; overflow:hidden; z-index:10;  padding:35px 50px 0 185px}
#m_inquiry .list ul li {font-family:"ntk"; font-weight:400; font-size:15px;  width:100%}
#m_inquiry .list ul li strong {font-weight:bold; color:#1d1d1d; display:table-cell; min-width:40px}
#m_inquiry .list ul li span {display:table-cell}

@media(max-width:1700px) {
	#mvisual_box #mvisual {width:100%; margin-left:0;}	
}

@media(max-width:1540px) {
	#mvisual_box {width:45%}	
	#m_link1 {width:15%}	
	#content_box {width:40%; padding:52px 30px 0 30px}	
	#content_box .m_link2_1 {width:60%;}
	#content_box .m_link2_2 {width:40%;}
	#m_inquiry .ov .list {background:url('/images/formul_cooper/main/inquiry_icon.png') no-repeat 10% center #eaeaea;  padding: 35px 20px 0 35%;}

}
@media(max-width:1300px) {
	#mvisual_box {width:40%}	
	#content_box {width:60%; padding:52px 30px 0 50px;}	
	#m_link1 {width:40%; height:120px; position:absolute; border:none; text-align:center; top:710px}
	#m_link1 ul li {display:inline-block; margin:0px 5px; vertical-align:top}
	#m_link1 ul li i, #m_link1 li .text, #m_link1 ul li a.btn {display:none}
	#m_link1 ul li span.title {font-size:17px; width:117px; height:117px; border-radius:117px; font-size:17px; word-break:keep-all; padding:42px 0; text-align:center; color:#fff; }
	#m_link1 ul li span.title br {display:block}
	#m_link1 li.btn1 .title {background:#f9b920; padding:49px 0; }
	#m_link1 li.btn2 .title {background:#2348a5}
	#m_link1 li.btn3 .title {background:#9fa3b0; }
	.m_link2_2 > div {width:100%;}
	
}
@media(max-width:1100px) {
	#mvisual_box #mvisual .text {font-size:17px}
	#m_link1 li.btn1 .title,
	#m_link1 li.btn2 .title,
	#m_link1 li.btn3 .title { padding:44px 0; }
	#m_link1 ul li span.title {width:105px; height:105px; border-radius:105px; font-size:16px; padding:38px 0;}

}
@media(max-width:860px) {
	#mvisual_box {width:100%; position:relative; height:455px}
	#mvisual_box #mvisual {height:453px; background:url('/images/formul_cooper/main/main_visual_bg2.jpg') no-repeat center top;}
	#m_link1 ul li span.title {font-size:17px; width:117px; height:117px; border-radius:117px; font-size:17px; word-break:keep-all; padding:42px 20px; text-align:center; color:#fff; }
	#mvisual_box #mvisual .title {font-size:42px; padding:80px 0 0 0}
	#mvisual_box #mvisual .title br {display:none}
	#mvisual_box #mvisual .text {font-size: 14px; padding: 12px 20px 22px 20px; word-break: keep-all}
	#m_link1 {width:100%; top:278px}
	#content_box {width:100%; padding:45px 50px;}
	.m_link2_2 { background: url(/images/formul_cooper/main/m_link_bg3.gif) no-repeat 20% center #204caf; }
	.m_link2_2 ul {margin:60px 0 0 50%}
	#notice_box { margin:60px 0 50px 0;}
} 


@media(max-width:500px) {
	
	#mvisual_box #mvisual .text br {display:none}
	#content_box .m_link2_1 {width:100%; border-right:0;}
	#content_box .m_link2_2 {width:100%; height:auto; display:table;}
	#content_box .m_link2_2 > div {width:33.3%; display:table-cell; vertical-align:top;}
	#content_box .m_link2_2 > div a{ height:auto; line-height:18px; word-break:break-all; padding:55px 5px 10px 5px;}
	#notice_box h2 .t {font-size:20px; }
	#notice_box::before { top: 44px;}
	#notice_box h2 {padding:0 0 13px 0;}
	#notice_box .ov h2 {padding:0 0 11px;}
	#notice_box .list li:first-child {margin:15px 0 10px 0;}
	#m_inquiry {background: #eaeaea;}
	#m_inquiry .ov .list {padding:0px; background: #eaeaea; padding:30px 30px}
	#m_inquiry li h2 a {padding:12px 20px; font-size:13px}
	#m_inquiry li:first-child h2 a { padding: 20px 0 0 0;}
	#notice_box {margin:50px 0 40px 0;}
}
@media(max-width:400px) {
	#mvisual_box {height:358px;}
	#mvisual_box #mvisual {height:358px; background:url('/images/formul_cooper/main/main_visual_bg3.jpg') no-repeat center top;}
	#mvisual_box #mvisual .title {padding:74px 0 0 0; font-size:35px}
	#mvisual_box #mvisual .title br {display:inline-block; }
	#mvisual_box #mvisual .text {display:none}
	#mvisual_box #mvisual .btn {margin:15px 0 0 0;}

	#notice_box {margin:40px 0 30px 0;}
	#notice_box  h2 .t {font-size:18px;     padding: 0;}
	#notice_box .ov h2 {padding:0 0 11px 0;}
	#notice_box::before { top: 40px;}
	#m_link1 {top:240px}
	#m_link1 ul li span.title {width:88px; height:88px; border-radius:88px; padding:32px 0; font-size:14px}
	#m_link1 li.btn1 .title {padding:38px 0;}
	#content_box {padding:25px 20px}
}