/********** layout **********/

.wc {display:block; text-align:center;}
.mc {display:none;}

html, body{margin:0; padding:0; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#allwrap{width:100%; overflow:hidden;}
/* ie 8~ check */
#ieUser{width:100%; height:83px; background:#083457; overflow:hidden;}
#ieUser .iewrap{position:relative; max-width:1000px; margin:28px auto 0;}
#ieUser .iewrap p.img{float:left; padding:0 10px 0 0;}
#ieUser .iewrap p.txt{float:left; color:#fff; padding:8px 0 0 0;}
#ieUser .iewrap p.btn{position:absolute; right:0; top:0; cursor:pointer;}
#ieUser .iewrap ul{float:left; margin:0 0 0 20px;}
#ieUser .iewrap ul li{float:left; padding:0 12px 0 0;}

/* main */
#main{position:relative; width:100%; overflow:hidden;}

/* layer popup */
#layerpopup{background:#fff;}
.popHeader{height:30px; background:#fff; text-align:right;}
.popHeader a img{padding:0 6px 0 0;}
.popupContent{padding:0px;text-align:center;}
.pcl {float:right;}
.popupClose { width:100%;height:30px; text-align:center; background:#2e2e2e;}
.popupClose input, .popupClose img { vertical-align:middle; margin:0 10px 0 0;}
.popupClose label{padding:0 8px 0 0;}
.popupClose a{color:#fff; text-decoration:none; line-height:30px;}


/* webnavi */
#webNavi{position:absolute; left:0; top:0; /*width:130px;*/ width:180px; z-index:9999;}
#webNavi h1 {background:#000;height:70px;text-align:center;vertical-align:middle;}
#webNavi h1 img {margin-top:15px;}
#snb{width:100%; height:40px; background:#2f2f2f; border-bottom:1px #121212 solid; }
#snb ul{float:left; width:100%; }
#snb ul li{ width:50%; float:left; text-align:center; height:40px; line-height:40px; border-right:1px #121212 solid; font-weight:bold;box-sizing:border-box;}
#snb ul li a{ display:block;}
#snb ul li a:hover{ color:#4d86d9;}

/* slidemenu ¿øº»*/
#slidemenu{float:left;  width:180px; height:100%; background:#1F1F1F;}
#leftNavi1 {background:url('') no-repeat;}
#leftNavi1:hover {background:url('') no-repeat;}

#slidemenu ul#leftmenu{position:relative; width:100%; padding-left:0px; }/*¸ÞÀθ޴º °¡·Î À̸§¸í, À§Ä¡Á¶Á¤*/
#slidemenu ul#leftmenu > li{/*padding:4px 0;*/display:block; height:40px; line-height:40px; background:#;border-bottom:solid 1px #1F1F1F;border-top:solid 1px #1F1F1F;}
#slidemenu ul#leftmenu > li:first-child {border-top:solid 0px #000;}
#slidemenu ul#leftmenu > li span {/*padding:4px 0;*/displya:block;padding-left:18px;font-size:14px;}
#slidemenu ul#leftmenu > li#magic-line {display:none;}
#slidemenu ul#leftmenu > li:last-child {border-bottom:solid 0px #000;}

#slidemenu ul#leftmenu > li > a{display:block; font-size:16px; color:#fff; font-weight:600; height:40px; line-height:40px;}
#slidemenu ul#leftmenu > li > a:hover, #slidemenu ul#leftmenu > li > a:focus,
#slidemenu ul#leftmenu > li > a.hover{color:#fff; /*font-weight:bold;*/ height:100%;background:#1D4092;}

#slidemenu ul#leftmenu > li .hiddenBox{position:absolute; left:180px; top:0px; width:200px; overflow:hidden;z-index:2; padding-left:0px; } /*¼­ºê¸Þ´º °¡·Î À̸§¸í, À§Ä¡Á¶Á¤*/
#slidemenu ul#leftmenu > li .hiddenBg{width:180px; margin-left:-180px;}

#slidemenu ul#leftmenu > li ul{display:none; margin-left:0px;}
#slidemenu ul#leftmenu > li ul li.cate{margin-bottom:10px; font-size:22px; font-weight:bold; padding-left:10px; color:#fff;border:solid 0px #000;}

#slidemenu ul#leftmenu > li ul li {}
#slidemenu ul#leftmenu > li ul li:last-child{border-bottom:solid 1px #fdfdfd; width:225px;}
#slidemenu ul#leftmenu > li ul li a{display:block; width:225px; font-size:12px; color:#737373; padding-left:10px; font-weight:600; line-height:40px; height:41px; border-top:solid 1px #fdfdfd;}
#slidemenu ul#leftmenu > li ul li a:hover{color:#4d86d9; width:200px; background:#3d3d3d;}

#slidemenu ul#leftmenu > li ul#leftSubm1{margin-top:-1px; padding-left:0px;}
#slidemenu ul#leftmenu > li ul#leftSubm2{margin-top:41px; padding-left:0px;}
#slidemenu ul#leftmenu > li ul#leftSubm3{margin-top:83px; padding-left:0px;}
#slidemenu ul#leftmenu > li ul#leftSubm4{margin-top:125px; padding-left:0px;}
#slidemenu ul#leftmenu > li ul#leftSubm5{margin-top:167px; padding-left:0px;}
#slidemenu ul#leftmenu > li ul#leftSubm6{margin-top:209px; padding-left:0px;}

#leftbg{position:absolute; left:0px; top:0; width:205px; height:100%; background:url('../../img/images/subm_bg.png') repeat-y right center; opacity:0.9; z-index:9990;}
#slidemenu ul#leftmenu .product{top:-110px !important;}



.kakao{position:absolute; left:0; bottom:240px; width:130px; text-align:center; }


/* main guide */
#guidebox{position:absolute; left:0; bottom:160px; padding:0px 0 10px 20px; width:155px; /*border-top:1px #1c1c1c solid;*/ overflow:hidden; }
#guidebox ul li{padding:0 0 10px 0;}

/* fnb */
#fnb{position:absolute; left:0; width:175px; bottom:0; background:#1f1f1f; }
#fnb address{padding:2px 0 50px 10px;}
#fnb #copyright{margin:10px 0 0 18px;}

/* web scroll */
#mainscroll{position:relative; margin:0 400px 0 130px; overflow:hidden;}
/*#scrollmenu{position:absolute; right:15px; top:60px; z-index:9999;}*/
#scrollmenu{position:fixed; left:40%; bottom:5%; z-index:9999;}
#scrollmenu li{width:27px; float:left; margin-right:10px;}
#scrollmenu li.active{width:27px; margin-right:10px;}
#scrollmenu li img{width:27px;}
#scrollbtn{position:relative; margin:0 400px 0 0;z-index:999;}
#scrollbtn ul{position:fixed; right:420px; top:20px; width:80px;}
#scrollbtn ul li{float:left; cursor:pointer;}
#mainVisible{width:100%; height:100%; overflow:hidden;}
#superContainer{position:relative; width:100%; overflow:hidden;}
#section0{position:relative; width:100%; overflow:hidden;cursor:pointer;}
#section0 iframe {position:absolute; left:53%; bottom:30%; width:400px; height:225px;}
#section0 .btn {position:absolute; left:58%; bottom:59%;}
#section1{width:100%; overflow:hidden;}
#section2{width:100%; overflow:hidden;}
#section3{width:100%; overflow:hidden;cursor:pointer;}
.section{width:100%;}
/*.section img{width:100%;} */

/* mainBox = sub quickbox */
#mainBox{position:absolute; right:0; top:0; width:400px; padding:0 0 0 18px; margin:0 0 0 -18px; background:url('../images/bg/bg_mainbox.png') left top repeat-y; overflow:hidden;}
#newsbox, #customerbox{clear:both;}
#mainBox .box{position:relative; float:left; width:200px; height:200px; overflow:hidden;}
#mainBox .box .notice{width:181px; padding:0 0 0 19px; border-bottom:1px #f5f5f5 solid; overflow:hidden;}
#mainBox .box .notice ul{margin:4px 0 0 0;}
#mainBox .box .notice ul li{height:18px; line-height:18px;}
#mainBox .box .notice ul li a{display:block; width:85%; color:#777; letter-spacing:-0.6px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
#mainBox .box .customer{width:181px; padding:0 0 0 19px; overflow:hidden;}
#mainBox .box .imgarea{position:relative; height:100%; background:#f73942;}
#mainBox .box .imgarea1{position:relative; height:100%; background:red;}
#mainBox .box .arrow{position:absolute; left:0;}
#mainBox .box .play{position:absolute;left:50%;margin-left:-85px;}
#mainBox .box .title{margin:21px 0 0 0;}
#mainBox .box .info{margin:21px 0 0 0;}
#mainBox .box .more{margin:16px 0 0 0;}
#mainBox .box .more2{margin:21px 0 0 0;}
#mainBox .box h2{margin:24px 0 0 0;}
#mainBox .sheet{background:#f33b3f;}
#mainBox .sheet2{background:#272727;}
#mainBox .sheet3{background:#575757;}
#mainBox a.explan{position:absolute; left:0; top:0; display:block;}



@media all and (min-width: 1180px) and (max-width: 1648px) {

#mainBox2{display:none;}

}
/*¼­ºêÄü¸Þ´º*/
#mainBox2{position:absolute; right:0px; top:0; width:400px; padding:0 0 0 18px; margin:0 0 0 -18px; background:url('../images/bg/bg_mainbox.png') left top repeat-y; overflow:hidden;z-index:9;}
#newsbox, #customerbox{clear:both;}
#mainBox2 .box{position:relative; float:left; width:200px; height:200px; overflow:hidden;}
#mainBox2 .box .notice{width:181px; padding:0 0 0 19px; border-bottom:1px #f5f5f5 solid; overflow:hidden;}
#mainBox2 .box .notice ul{margin:4px 0 0 0;}
#mainBox2 .box .notice ul li{height:18px; line-height:18px;}
#mainBox2 .box .notice ul li a{display:block; width:85%; color:#777; letter-spacing:-0.6px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
#mainBox2 .box .customer{width:181px; padding:0 0 0 19px; overflow:hidden;}
#mainBox2 .box .imgarea{position:relative; height:100%; background:#f73942;}
#mainBox2 .box .imgarea1{position:relative; height:100%; background:red;}
#mainBox2 .box .arrow{position:absolute; left:0;}
#mainBox2 .box .play{position:absolute; left:50%;margin-left:-85px;}
#mainBox2 .box .title{margin:21px 0 0 0;}
#mainBox2 .box .info{margin:21px 0 0 0;}
#mainBox2 .box .more{margin:16px 0 0 0;}
#mainBox2 .box .more2{margin:21px 0 0 0;}
#mainBox2 .box h2{margin:24px 0 0 0;}
#mainBox2 .sheet{background:#f33b3f;}
#mainBox2 .sheet2{background:#272727;}
#mainBox2 .sheet3{background:#575757;}
#mainBox2 a.explan{position:absolute; left:0; top:0; display:block;}




#tablet_new{position:relative; display:none; width:100%;}
.ir {zoom:-10; z-index:-1; position:relative; display:block; width:100%; font-size:9px; text-align:center; white-space:nowrap; overflow:hidden; text-indent:-99999px;color:transparent;}
.picn {position:relative;display:inline-block;.display:inline;.zoom:1; font:0/0 arial; overflow:hidden; background-repeat:no-repeat; background-color:transparent;background-image:url('../img/images/new_icn.png'); background-size:320px auto;}
#allwrap > .dim{display:none; position:absolute; top:0; left:0; width:100%; height:100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
z-index:1;
}
.logo{position:relative; width:100%; height:50px; border-bottom:1px solid #194482; background:url() no-repeat center center #336195; -webkit-background-size:74px 31px}
.logo.font{overflow:hidden; background:#194482;}
.logo > a{position:absolute; left:3.6%; top:50%; margin:-13px 0 0}
.logo > a.uarr{right:3.6%; left:auto}
.logo > a img{width:27px}
.ngnb_slide3_w {position:fixed; left:-50%; top:0; width:50% !important; height:100%; z-index:9999; overflow-y:scroll; background-color:#343434;}
.ngnbs_inner {width:100%; /*height:auto; min-height:700px;*/height:1000px;}
.nbnbs_menulist_w {width:100%; margin-bottom:100px; font-size:16px;border-bottom:1px solid #343434; }
.ngnbs_ml_cont {position:relative; border-top:1px solid #194482 ; height:50px; overflow:hidden;background:#194482 url();}
.ngnbs_ml_link img{margin-top:4px;}
.ngnbs_ml_cont:first-child {border-top:0;}
.ngnbs_ml_link {display:block; padding:0 13px 0 19px; text-decoration:none; color:#fff; line-height:50px;}
.ngnbs_ml_link .icon_new {display:inline-block; width:15px; height:18px; margin-bottom:17px; background-position:-305px -210px; vertical-align:middle;}
.ngnbs_ml_cont.current .ngnbs_ml_link {color:#518acd}
.ngnbs_open {height:auto}
.ngnbs_arrow {position:absolute !important; top:20px; right:13px; width:13px; height:8px;background-position:-115px -10px;}
.ngnbs_open .ngnbs_arrow {background-position:-115px 0;}
.ngnbs_sublist_w {width:100%; display:block; border-top:1px solid #434343; background-color:#343434;}
.ngnbs_sl_cont {border-top:1px solid #434343;}
.ngnbs_sl_cont:first-child {border-top:0;}
.ngnbs_sl_link {display:block; padding-left:30px; height:50px; text-decoration:none; color:#fff; line-height:50px;}
.ngnbs_sl_cont.current .ngnbs_sl_link{color:#2c5ca1;}
.ngnbs_closed_w {position:absolute; top:10px; right:0; width:39px; height:34px; border:0; padding:0; margin:0; background-color:#000000;}
.ngnbs_closed {position:absolute !important; top:9px; left:11px; height:15px; width:15px; background-position:-225px 0;}
.gnb{position:fixed; left:-86%; top:0; width:85%; height:100%; z-index:9999; overflow-y:scroll}
.tabletLogo{width:150px; float:left; padding:10px 0px 10px 0;}
.tloginbtn {float:right;margin-right:10px;margin-top:25px;}
.tloginbtn span {margin-left:10px}


/* tablet layout */
#tablet{position:relative; display:none; width:100%;}
#tabletHeader{width:100%; height:60px; margin:0 auto;}
#tabletLogo{width:100%; float:left; padding:15px 0;}
#tabletSnb{float:right;}
#tabletSnb ul{margin:35px 30px 0 0;}
#tabletSnb ul li{float:left; padding:0 0 0 16px;}
#tabletSnb ul li a{color:#666; font-size:20px;}
#tabletGnb{position:relative; width:100%; height:83px; clear:both; background:#474747;}
#tabletGnb #menuOpen{position:absolute; left:0; top:0;}
#tabletGnb #searchBtn{position:absolute; right:11px; top:0;}
#tabletGnb #search{position:relative; height:83px; margin:0 89px 0 155px; padding:0 28px 0 25px; background:url('../images/bg/bg_search_center.gif') left top repeat-x;}
#tabletGnb #search .left{position:absolute; left:0; top:0;}
#tabletGnb #search .right{position:absolute; right:0; top:0;}
.tabletSearch{width:100%; height:22px; line-height:22px; color:#d98687; margin:30px 0 0 0; font-size:19px; background:none; border:0; font-weight:600; background:url('../images/bg/bg_search_txt.gif') left 1px no-repeat; font-family: 'Nanum Gothic'}
.focus{height:22px; line-height:22px; color:#d98687; margin:30px 0 0 0; font-size:19px; border:0; font-weight:600; background:url(none); font-family: 'Nanum Gothic'}
.focusnot{height:22px; line-height:22px; color:#d98687; margin:30px 0 0 0; font-size:19px;border:0; font-weight:600; background:url(none); font-family: 'Nanum Gothic'}
#tabletGiude{display:none; width:375px; margin:28px auto 12px; overflow:hidden;}
#tabletGiude ul li{float:left; padding:0 16px; background:url('../images/bg/bg_guide_line.gif') right top no-repeat;}
#tabletGiude ul li a{font-size:14px; color:#777; font-weight:600;}
#tabletGiude ul li.last{padding:0 0 0 16px; background:url(none);}

#tabletFnb{ width:768px; text-align:center; margin:0 auto 33px; padding-top:30px; z-index:1000;}

/* tablet navi */
#mNavi{position:absolute; left:-436px; top:0; width:436px; height:100%; z-index:9999; background:url('../img/images/bg_mnavi.png') right top repeat-y; overflow:hidden;}
#mNavi #mtitle{width:418px; height:78px; background:url('../img/images/bg_mnavi.png') left top repeat-y;}
#mNavi #mtitle img{margin:19px 0 0 25px;}
#mNavi #mgnb ul{width:100%; overflow:hidden;}
#mNavi #mgnb ul li{width:418px; border-bottom:1px #119c8e solid; border-right:1px #119c8e solid; box-sizing : border-box; background:#32b0a9;}
#mNavi #mgnb ul li a{display:block; width:380px; padding:0 0 0 38px; height:82px; line-height:82px; font-size:30px; font-weight:bold; color:#fff;}
#mNavi #mgnb ul li ul{display:none; background:#119c8e; padding:20px 0;}
#mNavi #mgnb ul li ul li{border-bottom:0; background:#119c8e;}
#mNavi #mgnb ul li ul li a{display:block; width:380px; padding:0 0 0 38px; height:46px; line-height:46px; font-size:24px; font-weight:normal; color:#fff; }
#mNavi #mgnb ul li ul li a.depth{height:63px; line-height:1.2; padding-top:4px;}
#mNavi #mgnb ul li ul.depth{}
#mNavi #mgnb ul li ul.depth li{width:172px; float:left;}
#mNavi #mgnb ul li ul.depth li a{width:172px;}
#mNavi #mgnb ul li ul.depth li.type1{width:380px; clear:both; margin:20px 0 0 0;}
#mNavi #mgnb ul li ul.depth li.type2{width:380px; clear:both; margin:40px 0 0 0;}

/********** rolling ***********/
/* base */
#tabletRoll, #seminar, #mtb , .thumb{position:relative; left:0; top:0; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; z-index:1; clear:both;}
.swiper-wrapper{position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;
-moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease;
-o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px);
-ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease;
transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide{float: left;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;}

/* re code declaration */
#tabletRoll{width:768px; min-height:260px; overflow:hidden;}
#tabletRoll .swiper-slide{position:relative; width:768px; overflow:hidden;}
#seminar{width:100%; height:648px; overflow:hidden; z-index:999;}
#seminar .swiper-slide{width:100%; height:648px; overflow:hidden;}
#seminar .swiper-slide a img{width:100%;}
#mtb{width:100%; height:648px; overflow:hidden; z-index:999;}
#mtb .swiper-slide{width:100%; height:648px; overflow:hidden;}
#mtb .swiper-slide a img{width:100%;}
.thumb{width:100%; height:115px; overflow:hidden; z-index:999;}
.thumb .swiper-slide{width:157px; height:115px;}

/* tablet thum img */
#tabletThum{display:none;}
#shadowThum{position:absolute; left:50%; bottom:20px; z-index:999; margin-left:-80px; background:url('../images/bg/bg_shadowThum.png') left top no-repeat; padding:0 5px;}
#shadowThum div{display:inline;margin:7px 3px 8px; float:left;}
#shadowThum div img{width:44px;}

/* tablet logo & address */
.tabletlogo{display:none;}
.mobilelogo{display:none;}
.tabletAddress{display:none; color:#999; font-size:14px;}
.mobileAddress{display:none; color:#999; font-size:11px; line-height:1.2;}


@-ms-viewport {
/*ie10 À©µµ¿ì8 ±â±âÀü¿ë ¹ÝÀÀÇü µðÀÚÀÎ Àû¿ë*/
width: device-width;
}
@viewport {
width: device-width;
}





/********** media query tablet *************/
@media screen and (max-width: 1179px){
.wc {display:none;}
.mc {display:block;}
img.mc {width:100%;}

html{overflow:auto;}
body{overflow:auto;}
#web{display:none;}
#tablet_new{display:block;}

#tablet{display:block;}
/* main rolling */
#tabletRoll{width:100%; overflow:hidden;}
#tabletRoll .swiper-slide{width:100%; overflow:hidden;}
#tabletRoll .swiper-slide .m {width:100%;}
/* seminar rolling */
#seminar{width:100%; height:460px; overflow:hidden; z-index:999;}
#seminar .swiper-slide{width:100%; height:auto; overflow:hidden;}
#seminar .swiper-slide img{width:100%; height:auto;}
/* mtb rolling */
#mtb{width:100%; height:460px; overflow:hidden; z-index:999;}
#mtb .swiper-slide{width:100%; height:auto; overflow:hidden;}
#mtb .swiper-slide img{width:100%; height:auto;}
/* mainbox */
#mainBox{position:relative; width:100%; padding:0; margin:0 auto; background:url(none);}
#newsbox, #customerbox{clear:none; float:left; width:50%;}
#mainBox .box{width:25%;}
#newsbox .box, #customerbox .box{width:50%;}
#mainBox .box .notice{width:100%; padding:0 0 0 20px; border:0; border-bottom:1px #f5f5f5 solid; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#mainBox .box .notice ul li a{font-size:11px;}
#mainBox .box .title{margin:10px 0 0 0;}
#mainBox .box .title img{width:26px}
#mainBox .box .info{margin:10px 0 0 0;}
#mainBox .box .info img{width:64%;}
#mainBox .box .play{left:50%; margin-left:-82px;}
#mainBox .box .play img{width:164px; height:164px;}
#mainBox a.explan{position:relative; left:0; display:inline;}
#mainBox a.explan img{width:164px;height:100%;margin:0 auto;}

#mainBox2{position:relative; width:100%; padding:0; margin:0 auto; background:url(none);}
#newsbox, #customerbox{clear:none; float:left; width:50%;}
#mainBox2 .box{width:25%;}
#newsbox2 .box, #customerbox .box{width:50%;}
#mainBox2 .box .notice{width:100%; padding:0 0 0 20px; border:0; border-bottom:1px #f5f5f5 solid; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#mainBox2 .box .notice ul li a{font-size:11px;}
#mainBox2 .box .title{margin:10px 0 0 0;}
#mainBox2 .box .title img{width:26px}
#mainBox2 .box .info{margin:10px 0 0 0;}
#mainBox2 .box .info img{width:64%;}
#mainBox2 .box .play{left:50%; margin-left:-82px;}
#mainBox2 .box .play img{width:164px; height:164px;}
#mainBox2 a.explan{position:relative; left:0; display:inline;}
#mainBox2 a.explan img{width:164px;height:100%;margin:0 auto;}

.sheet, .sheet2, .sheet3{text-align:center;}
/* logo, address */
.tabletlogo{display:block;}
.tabletAddress{display:block;}
/* guide, footer */
#tabletGiude{display:block;}
#tabletFnb{display:block;}

.mobileAddress{display:block; margin:0 auto;}

}





/********** media query mobile *************/
@media screen and (max-width: 767px){
/* Head logo, snb*/
#tabletLogo{width:121px;}
#tabletLogo img{width:121px;}
#tabletSnb ul{margin:18px 15px 0 0;}
#tabletSnb ul li{float:left; padding:0 0 0 8px;}
#tabletSnb ul li.ty1{width:38px;}
#tabletSnb ul li.ty1 img{width:38px;}
#tabletSnb ul li.ty2{width:44px;}
#tabletSnb ul li.ty2 img{width:44px;}
#tabletSnb ul li.ty3{width:46px;}
#tabletSnb ul li.ty3 img{width:46px;}
#tabletSnb ul li.ty4{width:36px;}
#tabletSnb ul li.ty4 img{width:36px;}
/* Head navi, search */
#tabletGnb{height:42px; overflow:hidden;}
#tabletGnb #menuOpen img{width:64px;}

/* guide */
#tabletGiude{width:273px; margin:15px auto;}
#tabletGiude ul li{padding:0 10px;}
#tabletGiude ul li a{font-size:11px; color:#777; font-weight:600; line-height:1.2;}
#tabletGiude ul li.last{padding:0 0 0 10px; background:url(none);}
/* fnb */
#tabletFnb{width:320px; margin:0 auto 15px;}
/* main rolling */
#tabletRoll{}
#shadowThum{position:absolute; left:50%; bottom:11px; z-index:999; margin-left:-50px; background:url('../images/bg/bg_shadowThum_m.png') left top no-repeat; padding:0 4px;}
#shadowThum div{margin:4px 2px 5px; float:left;}
#shadowThum div img{width:27px;}
/* seminar rolling */
#seminar{height:207px;}
/* mtb rolling */
#mtb{height:207px;}


/* mainbox */
#mainBox{width:100%; padding:0; margin:0 auto;}
#newsbox, #customerbox{float:none; width:100%; clear:both;}
#mainBox .box{width:50%;}
#mainBox a.explan{position:relative; left:0; display:inline;}
#mainBox a.explan img{width:164px;height:100%;margin:0 auto;}

#mainBox2{width:100%; padding:0; margin:0 auto;}
#newsbox2, #customerbox{float:none; width:100%; clear:both;}
#mainBox2 .box{width:50%;}
#mainBox2 a.explan{position:relative; left:0; display:inline;}
#mainBox2 a.explan img{width:164px;height:100%;margin:0 auto;}




/* mobile navi */
#mNavi{left:-228px; top:0; width:228px;}
#mNavi #mtitle{width:210px; height:39px;}
#mNavi #mtitle img{width:26px; margin:10px 0 0 12px;}
#mNavi #mgnb ul li{width:210px;}
#mNavi #mgnb ul li a{display:block; width:210px; padding:0 0 0 16px; height:40px; line-height:40px; font-size:15px; font-weight:bold; color:#fff;}
#mNavi #mgnb ul li ul{display:none; background:#119c8e; padding:10px 0;}
#mNavi #mgnb ul li ul li{border-bottom:0; background:#119c8e;}
#mNavi #mgnb ul li ul li a{display:block; width:380px; padding:0 0 0 16px; height:23px; line-height:23px; font-size:13px; font-weight:normal; color:#fff; }
#mNavi #mgnb ul li ul li a.depth{height:36px; line-height:1.2; padding-top:4px;}
#mNavi #mgnb ul li ul.depth{}
#mNavi #mgnb ul li ul.depth li{width:95px; float:left;}
#mNavi #mgnb ul li ul.depth li a{width:95px;}
#mNavi #mgnb ul li ul.depth li.type1{width:210px; clear:both; margin:10px 0 0 0;}
#mNavi #mgnb ul li ul.depth li.type1 img{width:170px;}
#mNavi #mgnb ul li ul.depth li.type2{width:210px; clear:both; margin:20px 0 0 0;}
#mNavi #mgnb ul li ul.depth li.type2 img{width:170px;}

/* rolling thum img */
#shadowThum img{width:27px;}

/* address */
.tabletAddress{display:none;}
.mobileAddress{display:block; margin:0 auto;}
.mobileAddress span{display:block;}
}

.table_02 td.formmail_cell_bgcolor textarea {width:90%;}

/* °Ô½ÃÆÇ ±âº»Å×À̺í */
.table_02 { width:100%; border-top:2px #4d86d9 solid; border-bottom:1px #4fb3d2 solid; border-left:1px #e5e5e5 solid; }
.table_02 td { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }