@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:1600px) {
	.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/smiie/main/main_visual_bg.jpg') no-repeat left top; text-align:center;}
#mvisual_box #mvisual .title {padding:320px 0 0 0; color:#fff; font-size:65px; line-height:1.1em}
#mvisual_box #mvisual .title  strong {font-weight:600; }
#mvisual_box #mvisual .text {color:#fff; font-size:17px;  line-height:1.3em; padding:22px 20px 55px 20px ; word-break:keep-all}
#mvisual_box #mvisual .btn a {background:#1da9b8; 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 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}
#m_link1 ul li.btn1 i {background:url('/images/smiie/main/m_link_icon1.jpg') no-repeat center top}
#m_link1 ul li.btn2 i {background:url('/images/smiie/main/m_link_icon2.jpg') no-repeat center top}
#m_link1 ul li.btn3 i {background:url('/images/smiie/main/m_link_icon3.jpg') no-repeat center top}


#content_box {width:40%; padding:52px 0 0 5%; float:left;}
.m_link2_1 {width:50%; height:271px; border-right:1px solid #fff;  background:url('/images/smiie/main/m_link_bg2.jpg') no-repeat right top #5ebcc0; float:left; text-align:center;}
.m_link2_1 h2 {display:inline-block; width:144px; height:144px; border-radius:144px; color:#fff; font-size:26px; background:#3ba1a6; padding:39px 0 0 0; margin:38px 0 9px; line-height:1.2em}
.m_link2_1 p {color:#222a2a; font-size:17px; line-height:1.2em}
.m_link2_2 {width:50%; height:271px; background:url('/images/smiie/main/m_link_bg3.gif') no-repeat 20% center #204caf; float:left;}
.m_link2_2 ul {margin:60px 0 0 50%}
.m_link2_2 ul li {width:90px; border-top:1px solid #6284d0; padding:4px 0 2px 0}
.m_link2_2 ul li a {font-size:15px; color:#fff}
.m_link2_2 ul li:first-child {border:none;}


#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:51px; 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/smiie/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 li:first-child {margin:26px 0 10px 0;  height:86px;  border-bottom:1px solid #cfcfcf}
#notice_box .list li:first-child .date {position:absolute; top:0; right:auto; left:0px; color:#1e1e1e; font-size:14px; line-height:1.2em; padding:12px 8px; text-align:center;; border:3px solid #d0d0d0;text-transform: uppercase;}
#notice_box .list li:first-child .date em {font-size:17px; width:100%; margin-bottom:4px; display:block; line-height:1.15em;font-weight:bold;}
#notice_box .list li:first-child .text { float:left; width:100%; color:#000;   padding:0 0 0 97px; text-align:left; font-size:17px; margin:0px; background:none}
#notice_box .list li:first-child .text em {width:100%; padding:0 17px 0 0; white-space:nowrap;, }
#notice_box .list li:first-child .text::after {content:""; background:url('/images/smiie/main/board_icon.gif') no-repeat left top; width:16px; height:16px; display:inline-block; margin:3px 0 0 5px}
#notice_box .list 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 {display:none;position:absolute; top:12px; right:0px;}
#notice_box .ov .more{display:block;}
#notice_box  .more a {width:29px; height:29px; display:inline-block;font-size:0;background:url('/images/smiie/main/more_icon.gif') no-repeat 0 0;vertical-align:top;}


#m_inquiry {position:relative; width:100%; height:216px; background:url('/images/smiie/main/inquiry_icon.png') no-repeat 50px center #eaeaea; padding:35px 50px 0 185px}
#m_inquiry h2 {color:#1a54b7; font-size:18px; font-weight:600; margin:0 0 15px 0}
#m_inquiry ul li {font-family:"ntk"; font-weight:400; font-size:15px; display:table}
#m_inquiry ul li strong {font-weight:bold; color:#1d1d1d; display:table-cell; min-width:60px;letter-spacing:14px;}
#m_inquiry ul li:nth-child(2)  strong{letter-spacing:0;}
#m_inquiry ul li span {display:table-cell}


@media(max-width:1650px) {
	#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:50%;}
	#content_box .m_link2_2 {width:50%;}
	#m_inquiry {padding:35px 10% 0 30%;     background: url(/images/smiie/main/inquiry_icon.png) no-repeat 6% center #eaeaea;}

}
@media(max-width:1300px) {
	#mvisual_box {width:40%}	
	#content_box {width:60%; padding:52px 30px 0 30px;}	
	#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 20px; text-align:center; color:#fff; }
	#m_link1 ul li span.title br {display:block}
	#m_link1 li.btn1 .title {background:#111c39}
	#m_link1 li.btn2 .title {background:#0e93a6}
	#m_link1 li.btn3 .title {background:#9fa3b0; padding:50px 20px;}
	.m_link2_2 ul {margin:60px 0 0 45%}
	
}
@media(max-width:1100px) {
	#m_link1 ul li span.title {width:105px; height:105px; border-radius:105px; font-size:16px; padding:37px 20px;}
	#m_link1 li.btn3 .title {background:#9fa3b0; padding:45px 20px;}

}
@media(max-width:860px) {
	#mvisual_box {width:100%; position:relative; height:455px}
	#mvisual_box #mvisual {height:453px; background:url('/images/smiie/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; }
	#m_link1 li.btn3 .title {padding:50px 20px;}
	#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/smiie/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;}
	#m_inquiry { padding: 35px 10% 0 40%;  background: url(/images/smiie/main/inquiry_icon.png) no-repeat 16% center #eaeaea;}
} 


@media(max-width:500px) {
	#mvisual_box #mvisual .text br {display:none}
	#content_box .m_link2_1 {width:100%}
	#content_box .m_link2_2 {width:100%}
	#m_inquiry {padding:35px 10% 0 10%;     background: #eaeaea;}
	#notice_box {margin:50px 0 40px 0;}
	#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;}


}
@media(max-width:400px) {
	#mvisual_box {height:358px;}
	#mvisual_box #mvisual {height:358px; background:url('/images/smiie/main/main_visual_bg3.jpg') no-repeat center top;}
	#mvisual_box #mvisual .title {padding:74px 0 0 0}
	#mvisual_box #mvisual .title br {display:inline-block; }
	#mvisual_box #mvisual .text {display:none}
	#mvisual_box #mvisual .btn {margin:15px 0 0 0;}
	#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.btn3 .title {padding:38px 0;}
	#content_box {padding:25px 20px}
	#m_inquiry {padding:35px 10% 0 10%;     background: #eaeaea;}
	#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;}
}