@charset "euc-kr";
@import url("animation.css");
@font-face {
  font-family: 'Youth';
  font-style: normal;
  font-weight: 400;
/*  src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff') format('woff'); */
  src: url('/font/Youth.woff2') format('woff2'), url('/font/Youth.woff') format('woff');

}
* { margin:0; }
body { font-family: 'Apple SD Gothic Neo', '¸¼Àº °íµñ', 'Malgun Gothic', µ¸¿ò, dotum, sans-serif;}
ul, ol, li {   list-style: none;margin:0; }
ul { margin: 0;  padding: 0; }
.clear { clear:both; }
.wrap { width:100%;/* border-top:2px solid #2989ad; background-color:#f3f4f8*/ }
.top-box { width:100%;height: 100px; }
.top-box .inner { width:1000px;min-height:500px;margin:0px auto;border:0px solid #ddd; }
.top-box .inner .logo-box { float:left;width:580px;text-align:center; }
.top-box .inner .logo-box img { float:left;text-align:center;margin-top:20px; }
.top-box .inner .sign-box { float:left;width:calc(100% - 580px);height:100%;text-align:center;line-height:80px; }
.menu-box { /*background-image: linear-gradient(to right, #0984c6,#66ffcc,#2fa9ea,#66ccff,#0099cc);*/ background-color:#2cc0fe; height:50px; } /* #083b82 */
.menu-box .menu-line { width:1000px;height:100%;margin:0px auto;border:0px solid #ddd;line-height:50px; }
.menu-box .menu-line span { float:left;text-align:center; }
.menu-line .menu-text { width:calc(16% - 2px);border:0px solid #ddd;font-family:'Youth';font-size:18px;color:#ffffff; }
.menu-line .menu-text2 { width:calc(20% - 1px);border:0px solid #ddd;font-family:'Youth';font-size:12px;color:#ffffff;text-align:center;background-color:#104273 ; }
.menu-line .menu-text2 ul {  }
.menu-line .menu-text2 ul a li { float:left;width:50%;color:#ffffff; }

.menu-line .menu-text.on{ border-top:3px solid #ff9fcf;color:#99ffff }

.menu-line .menu-div { width:2px;height:50px;background:url(/theme/meritdol/img/mdiv.png) no-repeat; }


.context-box { width:1000px;margin:40px auto 0px auto;border:0px solid #ddd; padding: 0 0 50px 0; }
.context-box .inner01-box { float:left;width:793px;height:568px;border:0px solid #dddddd; background-color: #a5a5a5;}
.context-box .inner02-box { float:left;width:calc(1000px - 807px) ;height:253px;border:0px solid #dddddd;margin-left:10px;  background-color: #ffffff; }


/* main-info-test */
.main-info-test { position:relative;margin:10px auto ;padding:30px 0 0 0; box-sizing:border-box;}
.main-info-test h2 {color:#202020; text-align:center;font-size:25px; font-weight:900;}
.main-info-test .main_more{position: static; right: auto; color:#717171; top: auto; display: block; width: 80px;  margin:5px auto 30px; font-size: 13px; text-align: center}
.main-info-test .inner {position:relative;margin:0 auto;height:584px;padding:0;background-color:#ececec;border: 0px solid #dddddd;}
.main-info-test .inner:after{display:block; content:"";clear:both;}
.main-info-test .inner:before{background:#f6f6f6;position:absolute;left:50%;top:0;display:block;content:"";z-index:-1;}

.main-info-test .inner ul{  }
.main-info-test .inner ul:after {float:left;display:block; content:"";clear:both;}
.main-info-test .inner ul li{float:left;}
.main-info-test .inner ul li:nth-child(1){ float:left;width:393px;margin-left:0px;}
.main-info-test .inner ul li:nth-child(2){ float:left;width:393px;}
.main-info-test .inner ul li:nth-child(3){ float:right;width:393px;}

.main-info-test .inner li .img{position:relative;border-radius:30px;}
.main-info-test .inner li .txt{min-height:292px; box-sizing:border-box;padding:25px  10px 20px 30px;}

.main-info-test .inner li .btxt{ font-size:20px; font-weight:900; color:#202020; letter-spacing:-0.03em; line-height:1.35em;}
.main-info-test .inner li .stxt{ margin:10px 0px 10px 10px; font-size:15px; font-weight:400; color:#717171; letter-spacing:-0.02em; line-height:1.35em;}
.main-info-test .inner li .ctxt{ margin-left:15px;font-size:15px; font-weight:400; color:#717171; letter-spacing:-0.02em; line-height:1.5em;}

.main-info-test .inner li:nth-child(1) .img img{width:393px; max-width:392px; position:absolute; right:0; top:0;border:0px solid #000; }
.main-info-test .inner li:nth-child(3) .img img{width:393px; max-width:392px; position:absolute; left:0; top:0; }
.main-info-test .inner li:nth-child(1) .txt{}
.main-info-test .inner li:nth-child(n+2) .txt{ }
.main-info-test .inner li:nth-child(n+3) .txt{ }

.main-info-test .inner .more{float:right;margin:42px 30px 0 0px;line-height:22px;font-size:14px; color:#717171; display:inline-block !important;vertical-align:top; padding-right:25px; background:url(/sian/images/more-ico.png) no-repeat right center;text-decoration:none;}

.more:before {
    content: '';
    display: block;
    clear: both;
}

.main-info-test .inner li:nth-child(1) .img:before{ border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #ececec; position:absolute; left:50%; margin-left:-20px; top:0; display:block; content:""; z-index:2}

.main-info-test .inner li:nth-child(2) .img:before{border-left:20px solid transparent;border-right:20px solid transparent;border-bottom: 20px solid #ececec;position:absolute;right:50%;margin-right:-20px;bottom:0;display:block;content:"";z-index:2;}

.main-info-test .inner li:nth-child(3) .img:before{border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #ececec; position:absolute; right:50%; margin-right:-20px; top:0; display:block; content:""; z-index:2}

.main-content-box3 { margin-top:60px;width:100%;height:250px;}
.main-content-box3 .left01 { float:left; text-align:left;width:calc(45% - 3px); }
.main-content-box3 .left02 { float:left; text-align:left;width:calc(45% - 3px); }

.main-content-photo { display:inline-block;margin:30px 0 10px 0;width:100%;padding:20px 10px;background-color:#f2f2f2;}
.main-content-photo h2{font-size:27px;font-family: "Nanum Barun Gothic", "MalGun Gothic", "¸¼Àº °íµñ", "µ¸¿ò"; color:#222;text-transform:uppercase; margin:20px 0; text-align:center; font-weight:400}
.main-content-photo h2 span{font-family: "Nanum Barun Gothic", "MalGun Gothic", "¸¼Àº °íµñ", "µ¸¿ò";color:#808080}


.active { display:block; }
.noactive { display:none; }
.ul01 ,.ul02, .ul03  { padding:10px; }
#bbs01,#bbs02 { cursor:pointer; }
.main-content-box3 .left02.active { display:block; }
.main-content-box3 .left02.noactive { display:none; }
.menu-sel { 
    border-bottom: 1px solid #949494; 
    height: 34px; 
    width: 100%; 
    overflow: hidden; /* Ãß°¡: ÀÚ½Ä ¿ä¼ÒµéÀÇ ³ÑħÀ» Á¦¾îÇÏ°í ³ôÀ̸¦ È®º¸ÇÔ */
    display: block;   /* Ãß°¡: ºí·Ï ¼Ó¼º ¸í½Ã */
}
.menu-sel  li { line-height:40px; }
#bbs01 { font-size:14px;font-family: "Nanum Barun Gothic", "MalGun Gothic", "¸¼Àº °íµñ", "µ¸¿ò";float:left;padding:4px 30px;border-bottom:1px solid #949494;border-top:1px solid #949494;border-left:1px solid #949494;border-right:1px solid #949494;border-top-left-radius:5px; }
#bbs02 { font-size:14px;font-family: "Nanum Barun Gothic", "MalGun Gothic", "¸¼Àº °íµñ", "µ¸¿ò";float:left;padding:4px 30px;border-bottom:1px solid #949494;border-top:1px solid #949494;border-right:1px solid #949494;border-top-right-radius:5px; }
#bbs03 { font-size:14px;font-family: "Nanum Barun Gothic", "MalGun Gothic", "¸¼Àº °íµñ", "µ¸¿ò"; float:left;padding:4px 30px;border-top:1px solid #949494;border-right:1px solid #949494;border-left:1px solid #949494;border-top-left-radius:5px; border-top-right-radius:5px; }

.menu-sel  li:last-child { float:right; text-align:right; }
.menu-sel  li:last-child a { font-family: "Nanum Barun Gothic", "MalGun Gothic", "¸¼Àº °íµñ", "µ¸¿ò";font-size:12px; line-height:50px; }
.menu-sel  li:last-child a:link { text-decoration:none;color:#949494 }
.menu-sel  li:last-child a:hover { text-decoration:none;color:#949494 }
.menu-sel  li:last-child a:visited { text-decoration:none;color:#949494 }

ul.menu-sel li.on { background:#104273 url(/theme/meritdol/img/dot.png) repeat; color:#ffffff;font-size:14px;font-weight:bold;}
ul.menu-sel li.off { background-color:#ffffff; color:#444444;font-size:14px;font-weight:normal;}

.menu-sel  li { float:left; }

.main-content-box3 .left02 { float:right;width:calc(45% - 3px);}

.main-content-box3 .left01 ul li{ line-height:25px;font-size:13px; }
.main-content-box3 .left02 ul li{ line-height:25px;font-size:13px; }
.main-content-box3 .left03 ul li{ line-height:25px;font-size:13px; }


.main-content-box4 { margin-top:60px;width:100%;height:250px;background-color:#ffffff}

.m-link-box { width: 100%;
    min-height: 220px;background:#f5f5f5 url(/theme/meritdol/img/dot.png) repeat;  
	margin:0px auto 30px auto;
	font-size:0
	}

.m-link-box ul{ width:1000px;margin:0 auto;}
.m-link-box ul  li{ float:left;width:25%;padding:20px 0;text-align:center;}
.m-link-box ul  li .round{  display:inline-block;width:140px;border-radius:50%;height:140px;background-color:#ffffff; }
.m-link-box dl { text-align:center;margin-top:20px; }

.m-link-box dt{color:#000000;font-size:15px;margin-bottom:8px;font-family: 'Youth', 'Noto Sans KR', 'NanumSquare', 'Apple SD Gothic Neo', '¸¼Àº °íµñ', 'Malgun Gothic', µ¸¿ò, dotum, sans-serif;}
.m-link-box dd{color:#888888;font-size:13px;font-weight:normal;}

#round1:hover { 
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;

    animation-name: spinner;
    animation-timing-function: ease-out;
    animation-iteration-count:1;
    animation-duration: 1s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
	

}
#round2:hover { 
 -webkit-animation-name: spinner;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;

    animation-name: spinner;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-duration: 1s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

}
#round3:hover { 
  -webkit-animation-name: spinner;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;

    animation-name: spinner;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-duration: 1s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

}
#round4:hover { 
 -webkit-animation-name: spinner;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count:1;
    -webkit-animation-duration: 1s;

    animation-name: spinner;
    animation-timing-function: ease-out;
    animation-iteration-count: 1;
    animation-duration: 1s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

}
.mbanner { width:1000px;margin:10px auto 0 auto; }
.mbanner ul.content { height:67px;}
.mbanner ul.content  li {float:left;width:16.6%;text-align:center;}
.mbanner ul.content2 { height:67px;}
.mbanner ul.content2  li {float:left;width:16.6%;text-align:center;}

a.mlink01 { font-family:"Nanum Barun Gothic","MalGun Gothic","¸¼Àº °íµñ","µ¸¿ò"; font-size:14px; color:#808080; }

.footer { width:100%;height:120px; background-color:#ececec; }
.footer .inner { width: calc(1000px - 40px);height:100%;margin:0 auto;padding:30px;font-family:"Youth","Nanum Barun Gothic","MalGun Gothic","¸¼Àº °íµñ","µ¸¿ò";font-size:13px; color:#222222; line-height:160%; }
.footer .inner p{ font-family:"Youth","Nanum Barun Gothic","MalGun Gothic","¸¼Àº °íµñ","µ¸¿ò";font-size:13px; color:#3c3c3c line-height:160%; }