@charset "UTF-8"; @import url("/assets/fonts/NanumGothic/nanumgothic.css"); @import url("/assets/fonts/NanumMyeongjo/nanummyeongjo.css"); /* reset */ *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0} fieldset,img{border:0 none} dl,ul,ol,menu,li{list-style:none} blockquote,q{quotes:'none'} blockquote:before,blockquote:after,q:before,q:after{content:'';content:'none'} input,select,textarea,button{vertical-align:middle} button{border:0 none;background-color:transparent;cursor:pointer} body{background-color:#fff} body,th,td,input,select,textarea,button{line-height:1.5;font-family:'나눔고딕',NanumGothic,'Nanum Gothic','돋움',Dotum,Arial,Helvetica,sans-serif;font-size:14px;color:#555} a{color:#555;text-decoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out} a:active,a:hover{color:#2773ae;text-decoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out} address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal} h4{margin-bottom:10px;font-size:16px;font-weight:normal} small{padding-left:10px;font-size:12px} :hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out} strong,b{font-weight:600} .error{color:red} .clearfix{clear:both} .bold{font-weight:bold} .pd10{padding:10px} .pd15{padding:15px} .pd20{padding:20px} .pd30{padding:30px} .pd40{padding:40px} .pd50{padding:50px} .pd100{padding:100px} .pb10{padding-bottom:10px} .pb20{padding-bottom:20px} .pb30{padding-bottom:30px} .pb40{padding-bottom:40px} .pb50{padding-bottom:50px} .pb100{padding-bottom:100px} .pt10{padding-top:10px} .pt20{padding-top:20px} .pt30{padding-top:30px} .pt40{padding-top:40px} .pt50{padding-top:50px} .pt100{padding-top:100px} .pr10{padding-right:10px} .pr20{padding-right:20px} .pr30{padding-right:30px} .pr40{padding-right:40px} .pr50{padding-right:50px} .pr100{padding-right:100px} .pl10{padding-left:10px} .pl20{padding-left:20px} .pl30{padding-left:30px} .pl40{padding-left:40px} .pl50{padding-left:50px} .pl100{padding-left:100px} .mg10{margin:10px} .mg15{margin:15px} .mg20{margin:20px} .mg30{margin:30px} .mg40{margin:40px} .mg50{margin:50px} .mg100{margin:100px} .mb10{margin-bottom:10px} .mb20{margin-bottom:20px} .mb30{margin-bottom:30px} .mb40{margin-bottom:40px} .mb50{margin-bottom:50px} .mb100{margin-bottom:100px} .mt10{margin-top:10px} .mt20{margin-top:20px} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt50{margin-top:50px} .mt100{margin-top:100px} .mr10{margin-right:10px} .mr20{margin-right:20px} .mr30{margin-right:30px} .mr40{margin-right:40px} .mr50{margin-right:50px} .mr100{margin-right:100px} .ml10{margin-left:10px} .ml20{margin-left:20px} .ml30{margin-left:30px} .ml40{margin-left:40px} .ml50{margin-left:50px} .ml100{margin-left:100px} .per5{width:5%} .per10{width:10%} .per15{width:15%} .per20{width:20%} .per25{width:25%} .per30{width:30%} .per35{width:35%} .per40{width:40%} .per45{width:45%} .per50{width:50%} .per55{width:55%} .per60{width:60%} .per65{width:65%} .per70{width:70%} .per75{width:75%} .per80{width:80%} .per85{width:85%} .per90{width:90%} .per95{width:95%} .per100{width:100%} .px10{width:10px} .px20{width:20px} .px30{width:30px} .px40{width:40px} .px50{width:50px} .px60{width:60px} .px70{width:70px} .px80{width:80px} .px90{width:90px} .px100{width:100px} .px150{width:150px} .px200{width:200px} .px250{width:250px} .px300{width:300px} .px350{width:350px} .px400{width:400px} .px450{width:450px} .px500{width:500px} .px550{width:550px} .px600{width:600px} .px650{width:650px} .px700{width:700px} .btn-primary{border-color:#348fe2;background-color:#348fe2;background-image:none;color:#fff} .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{border-color:#2670b7;background-color:#2670b7;color:#fff} .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{border-color:#348fe2;background-color:#348fe2} .btn-primary .badge{background-color:#fff;color:#348fe2} .btn-danger{border-color:#ff5c57;background-color:#ff5c57;background-image:none;color:#fff} .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{border-color:#ce4741;background-color:#ce4741;color:#fff} .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{border-color:#ff5c57;background-color:#ff5c57} .btn-danger .badge{background-color:#fff;color:#ff5c57} .btn-turquoise{border-color:#00acac;background-color:#00acac;background-image:none;color:#fff} .btn-turquoise:hover,.btn-turquoise:focus,.btn-turquoise:active,.btn-turquoise.active,.open .dropdown-toggle.btn-turquoise{border-color:#008a8c;background-color:#008a8c;color:#fff} .btn-turquoise.disabled,.btn-turquoise[disabled],fieldset[disabled] .btn-turquoise,.btn-turquoise.disabled:hover,.btn-turquoise[disabled]:hover,fieldset[disabled] .btn-turquoise:hover,.btn-turquoise.disabled:focus,.btn-turquoise[disabled]:focus,fieldset[disabled] .btn-turquoise:focus,.btn-turquoise.disabled:active,.btn-turquoise[disabled]:active,fieldset[disabled] .btn-turquoise:active,.btn-turquoise.disabled.active,.btn-turquoise[disabled].active,fieldset[disabled] .btn-turquoise.active{border-color:#00acac;background-color:#00acac} .btn-turquoise .badge{background-color:#fff;color:#00acac} .btn-royalblue{border-color:#717bb6;background-color:#717bb6;background-image:none;color:#fff} .btn-royalblue:hover,.btn-royalblue:focus,.btn-royalblue:active,.btn-royalblue.active,.open .dropdown-toggle.btn-royalblue{border-color:#464a6f;background-color:#464a6f;color:#fff} .btn-royalblue.disabled,.btn-royalblue[disabled],fieldset[disabled] .btn-royalblue,.btn-royalblue.disabled:hover,.btn-royalblue[disabled]:hover,fieldset[disabled] .btn-royalblue:hover,.btn-royalblue.disabled:focus,.btn-royalblue[disabled]:focus,fieldset[disabled] .btn-royalblue:focus,.btn-royalblue.disabled:active,.btn-royalblue[disabled]:active,fieldset[disabled] .btn-royalblue:active,.btn-royalblue.disabled.active,.btn-royalblue[disabled].active,fieldset[disabled] .btn-royalblue.active{border-color:#717bb6;background-color:#717bb6} .btn-royalblue .badge{background-color:#fff;color:#717bb6} .btn-warning{border-color:#f49b1b;background-color:#f49b1b;background-image:none;color:#fff} .btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{border-color:#c57e00;background-color:#c57e00;color:#fff} .btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{border-color:#f49b1b;background-color:#f49b1b} .btn-warning .badge{background-color:#fff;color:#f49b1b} .btn-info{border-color:#49b6d5;background-color:#49b6d5;background-image:none;color:#fff} .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{border-color:#3492ac;background-color:#3492ac;color:#fff} .btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{border-color:#49b6d5;background-color:#49b6d5} .btn-info .badge{background-color:#fff;color:#49b6d5} .btn-success{border-color:#5db75d;background-color:#5db75d;background-image:none;color:#fff} .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{border-color:#409e3e;background-color:#409e3e;color:#fff} .btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{border-color:#5db75d;background-color:#5db75d} .btn-success .badge{background-color:#fff;color:#5db75d} .btn-silver{border-color:#b7c2c8;background-color:#b7c2c8;background-image:none;color:#fff} .btn-silver:hover,.btn-silver:focus,.btn-silver:active,.btn-silver.active,.open .dropdown-toggle.btn-silver{border-color:#929ba2;background-color:#929ba2;color:#fff} .btn-silver.disabled,.btn-silver[disabled],fieldset[disabled] .btn-silver,.btn-silver.disabled:hover,.btn-silver[disabled]:hover,fieldset[disabled] .btn-silver:hover,.btn-silver.disabled:focus,.btn-silver[disabled]:focus,fieldset[disabled] .btn-silver:focus,.btn-silver.disabled:active,.btn-silver[disabled]:active,fieldset[disabled] .btn-silver:active,.btn-silver.disabled.active,.btn-silver[disabled].active,fieldset[disabled] .btn-silver.active{border-color:#b7c2c8;background-color:#b7c2c8} .btn-silver .badge{background-color:#fff;color:#b7c2c8} .btn-black{border-color:#2c353c;background-color:#2c353c;background-image:none;color:#fff} .btn-black:hover,.btn-black:focus,.btn-black:active,.btn-black.active,.open .dropdown-toggle.btn-black{border-color:#000;background-color:#000;color:#fff} .btn-black.disabled,.btn-black[disabled],fieldset[disabled] .btn-black,.btn-black.disabled:hover,.btn-black[disabled]:hover,fieldset[disabled] .btn-black:hover,.btn-black.disabled:focus,.btn-black[disabled]:focus,fieldset[disabled] .btn-black:focus,.btn-black.disabled:active,.btn-black[disabled]:active,fieldset[disabled] .btn-black:active,.btn-black.disabled.active,.btn-black[disabled].active,black fieldset[disabled] .btn-black.active{border-color:#2c353c;background-color:#2c353c} .btn-black .badge{background-color:#fff;color:#2c353c} .btn.disabled{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65} .success{background-color:#d6e9c6} .warning{background-color:#fcf8e3} .danger{background-color:#f2dede} .info{background-color:#d9edf7} .text-primary{color:#428bca} .btn{display:inline-block;margin-bottom:0;padding:3px 8px;border:1px solid transparent;border-radius:4px;background-image:none;line-height:1.42857143;font-size:12px;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .btn:active,.btn.active{background-image:none} .btn-default{border-color:#dbdbdb;border-color:#ccc;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);text-shadow:0 1px 0 #fff} .btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px} .btn-default:active,.btn-default.active{border-color:#dbdbdb;background-color:#e0e0e0} .loginarea li{display:block;clear:both;margin:0;margin-bottom:15px} .loginarea li>span{float:left;width:25%;margin-top:5px;padding-right:20px;font-weight:bold;color:#000;text-align:right} .input{height:30px;padding:3px 5px;border:1px solid #e5e6e7;border-radius:5px;background-color:#FFF;background-image:none;outline:0 none} textarea.input{height:100px} textarea.dhtmleditor{width:100%;height:350px;padding:5px 3px 3px 5px;border:1px solid #e5e6e7;border-radius:5px;background-color:#FFF;background-image:none;outline:0 none} select.input{height:30px} .form-text{padding-top:4px} .checkbox-group{padding-top:5px} .label{display:inline;padding:.2em .6em .3em;border-radius:.25em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;vertical-align:baseline;white-space:nowrap} .label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer} .label:empty{display:none} .btn .label{position:relative;top:-1px} .label-default{background-color:#999} .label-default[href]:hover,.label-default[href]:focus{background-color:#808080} .label-primary{background-color:#428bca} .label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9} .label-success{background-color:#5cb85c} .label-success[href]:hover,.label-success[href]:focus{background-color:#449d44} .label-info{background-color:#5bc0de} .label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5} .label-warning{background-color:#f0ad4e} .label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f} .label-danger{background-color:#d9534f} .label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c} .no_padding{padding:0 !important} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} small{padding-left:10px;font-size:11px} i:before,i:after{color:inherit} img{max-width:100%;height:auto} .clfix:after{display:block;visibility:hidden;clear:both;height:0;content:''} .clfix{display:inline-block} .clfix{display:block} * html .clfix{height:1%} /* Hides from IE-mac */ .clfix{zoom:1} .container{max-width:1200px;width:100%;margin:0 auto} .pull-left{float:left} .pull-right{float:right !important} .wrapper{min-width:1200px;width:100%;margin:0 auto} @-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} .w3-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s} @-webkit-keyframes opac{from{opacity:0} to{opacity:1}} @keyframes opac{from{opacity:0} to{opacity:1}} .w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s} @-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} @keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} .w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s} @-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} @keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} .w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s} @-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} @keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} .w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s} @-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}} @keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} .w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s} @-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}} @keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} /* header */ header{display:block;clear:both;max-width:1920px;width:100%;height:120px;margin:0 auto} header .header-top{background-color:#111} header .header-top-menu{float:right} header .header-top-menu li{display:block;float:left;height:40px;padding-right:15px;line-height:37px;font-size:12px;color:#ccc} header .header-top .container>a img{padding:3px 0;} header .tnb_bnr{overflow:hidden;float:left;display:inline-block;height:40px;background-color:#333} header .tnb_bnr:hover{background-color:#555} header .tnb_bnr2{overflow:hidden;float:left;display:inline-block;height:40px;padding:0 10px;border-left:1px solid #111;background-color:#333;font-weight:900;color:#ffeb48;line-height:40px} header .tnb_bnr2:hover{background-color:#555} header .header-top-menu li.grfrobot{padding-right:0;} header .header-top-menu li .tnb_bnr3{overflow:hidden;float:left;display:inline-block;height:40px;background-color:#ffeb48;font-weight:900;color:#000;line-height:40px;} header .header-top-menu li.search,header .header-top-menu li.sitemap{padding-right:0} header .header-top-menu li a{display:inline-block;padding-left:5px;font-size:12px;color:#ccc} header .badge{display:inline-block;min-width:10px;margin-left:5px;padding:3px 7px;border-radius:10px;background-color:#999;font-size:10px;font-weight:700;line-height:1;color:#fff;text-align:center;vertical-align:baseline;white-space:nowrap} header .fa{padding-right:5px} header .header-top-menu li.search .fa,header .header-top-menu li.sitemap .fa{padding-right:0} header #header_search input{width:130px;height:40px;border:none;border-radius:0;background-color:#444;color:#fff} header #header_search .btn-primary{width:40px;height:40px;border:none;border-radius:0;background-color:#000;color:#fff;text-align:center} header .header-top-menu li.sitemap{background-color:#22b8d9} header .header-top-menu li.sitemap a{display:block;width:40px;padding-top:5px;padding-left:0;color:#fff;text-align:center} header .search form{padding:0} .notifications{position:relative;cursor:pointer} .notifications-list{display:block;overflow:hidden;border-bottom:1px solid #ededed;line-height:25px;color:#060606} .notifications-list a:link{color:#060606} .notifications-list a:active,.notifications-list a:hover{color:#2773ae;text-decoration:underline} .notifications-menu{display:none;position:absolute;top:100%;left:0;z-index:9999;width:320px;padding:5px 15px;border-radius:0 0 3px 3px;border:1px solid #f8f8f8;background-color:#f5f5f6;background-clip:padding-box;-webkit-border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-border-radius:0 0 3px 3px;-moz-background-clip:padding;-moz-box-shadow:0 1px 0 rgba(0,0,0,.05);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 0 rgba(0,0,0,.05)} .notifications-menu .external{display:block;background-color:#FFF} .notifications-menu .external a{background-color:#fff;color:#e9423f} .notifications-list .point{color:#ec5956 !important;text-align:center} .notifications-list span{font-size:11px} /*@media (max-width:1220px){ header .header-top-menu{float:left;} }*/ /* navbar */ .navbar{position:relative;height:80px;border:0 none;border-radius:0;background-color:#fff;line-height:80px} .logo{height:80px;padding-top:15px;font-size:18px;line-height:20px} .menu{} .menu li{display:block;float:left;height:50px} .menu li>a{padding:0 20px;font-size:18px;font-weight:600;color:#111} .menu li li>a{padding:0 10px;font-size:13px;font-weight:400} .menu li.active>a,.menu li>a:hover,.menu li>a:focus,.menu .open>a{display:inline-block;color:#21b9d7} .menu .dropdown-menu{position:absolute;top:79px;left:0;z-index:100;min-width:190px;width:100%;background-color:rgba(0,32,80,.9)} .menu .dropdown-menu ul{max-width:1200px;width:100%;margin:0 auto} .menu .dropdown-menu li{float:left;height:40px;line-height:40px} .menu .dropdown-menu li a{display:block;color:#ccc} .menu .dropdown-menu li a:hover{color:#fff} .menu .dropdown-menu li.active>a,.menu .dropdown-menu li>a:hover,.menu .dropdown-menu li>a:focus{display:block;padding:0 10px;background-color:#00489d;color:#fff} .menu .dropdown-menu{display:none} .menu .open .dropdown-menu{display:block} .menu .open .dropdown-menu1 ul{padding-left:230px} .menu .open .dropdown-menu5 ul{padding-left:250px} .menu .open .dropdown-menu9 ul{padding-left:470px} .menu .open .dropdown-menu13 ul{padding-left:610px} .menu .open .dropdown-menu20 ul{padding-left:460px} .menu .open .dropdown-menu31 ul{padding-left:580px} .menu .open .dropdown-menu62 ul{padding-left:900px} .menu .open .dropdown-menu67 ul{padding-left:710px} .allmnuBtn{display:none;height:60px;padding:15px 13px 15px 18px;background-color:#0055a5;color:#fff;line-height:0} .allmnuWrap{overflow-y:auto;display:none;position:fixed;width:90%;height:100%;top:0;left:-100%;z-index:999999;background-color:#065590} .allmnuWrap.active{display:block;left:-100%;left:0;animation:animateleft 0.4s} .allmnu_close{height:60px;background-color:#1c2c53} .allmnu_close button{overflow:hidden;width:61px;height:60px;background:url(/assets/images/allmnu_close.png) no-repeat center center;text-indent:-9999px} /* main */ .main{overflow:hidden;clear:both;width:100%;margin:0} .main_box1{width:48%;margin:0 1%} #visual{overflow:hidden;position:relative;max-width:1920px;margin:0 auto} #visual .visual_pager{position:absolute;top:0;z-index:99;width:100%;text-align:center} #visual .visual_dot{position:absolute;bottom:160px;z-index:99;width:100%;text-align:center} #visual .visual_dot ul{display:inline-block;max-width:1140px;width:100%} #visual .visual_dot li{display:block;float:left;width:20%} #visual .visual_dot li a{display:block;font-size:18px;color:#fff;text-align:center} #visual .visual_dot li img{display:block;margin:0 auto 15px} #visual .visual_img{z-index:1} #visual .visual_txt{position:absolute;z-index:2;width:100%;text-align:center} #visual .visual_txt img{display:inline-block;width:auto;text-align:center} #visual .owl-stage-outer{z-index:1} #visual .owl-nav .owl-prev{display:none;position:absolute;top:40%;left:0;z-index:1000000;padding:30px;font-size:36px;font-weight:600;color:#fff} #visual .owl-nav .owl-next {display:none;position:absolute;top:40%;right:0px;z-index:1000000;padding:30px;font-size:36px;font-weight:600;color:#fff} #visual #visual_btn{position:absolute;top:40%;z-index:100;width:100%;padding:0 2%} #visual #visual_btn .visual_btn_left{float:left} #visual #visual_btn .visual_btn_next{float:right} #visual #visual_btn i{color:rgba(255,255,255,.5)} #minfo{position:relative;z-index:10;max-width:1200px;width:100%;margin:-30px auto 70px} #minfo h2{margin-bottom:45px;font-size:36px;font-weight:600;color:#333;letter-spacing:-.05em;text-align:center} #minfo h2 em{display:block;padding-top:5px;font-size:14px;font-weight:400;color:#898989} #minfo #mNews{float:left;position:relative;width:50%;padding-right:25px} #minfo #mNews .tabs{display:block;position:relative;width:100%} #mNews .tabs li{display:block;float:left;width:15.5%;margin-left:-1px} #mNews .tabs li br{display:none} #mNews1{margin-left:0} #mNews .tab{display:block;position:relative;z-index:2;width:100%;height:50px;border:1px solid #ddd;border-bottom:1px solid #707685;background-color:#fff;font-size:16px;font-weight:400;line-height:48px;color:#333;text-align:center;text-decoration:none} #mNews .on .tab,#mNews .on .tab:hover{border-bottom:1px solid #f95319;background-color:#f95319;font-weight:600;color:#fff} #mNews .tab:hover{background-color:#fafafa} #mNews .mNews_con{display:none;position:absolute;left:0;z-index:1;width:100%;margin-top:-1px;padding-top:35px;border-top:1px solid #707685} #mNews .on .mNews_con{display:block} #mNews .on .mNews_con li{position:relative;width:100%;height:30px} #mNews .on .mNews_con li .mNews_notice{display:inline-block;margin-right:3px;padding:1px 6px;border-radius:15px;background-color:#333;font-size:11px;line-height:15px;color:#fff;letter-spacing:-.08em;vertical-align:middle} #mNews .on .mNews_con li .mNews_subject{overflow:hidden;display:inline-block;overflow:hidden;width:80%;font-size:15px;color:#555;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis} #mNews .on .mNews_con li .mNews_date{position:absolute;right:0;font-size:13px;color:#898989} #mNews .mNews_more{display:none;position:absolute;top:0;right:0;width:8.6%;height:50px;border:1px solid #ddd;border-bottom:1px solid #707685;font-size:18px;font-weight:700;line-height:48px;color:#777;text-align:center} #mNews .on .mNews_more{display:block} #mNews .mNews_more:hover{background-color:#fafafa} #minfo #mPopup{float:left;position:relative;width:50%;padding-left:25px} #mPopup h3{height:50px;font-size:16px;font-weight:600;color:#333;letter-spacing:-.05em} #mPopup h3:before{display:block;width:45px;height:3px;margin-bottom:10px;background-color:#000;content:''} #mPopup .mpopup_list{float:left;width:71.4%} #mPopup .mpopup_list li{display:none} #mPopup .mpopup_list li.on{display:block} #mPopup .mpopup_ctrl{float:left;width:28.6%;margin-top:-50px} #mPopup .mpopup_ctrl .mpopup_ctrlbtn{height:50px} #mPopup .mpopup_ctrl .mpopup_ctrlbtn .mpopup_count{font-size:17px;font-weight:600;line-height:32px} #mPopup .mpopup_ctrl .mpopup_ctrlbtn button{overflow:hidden;float:left;width:34px;height:34px;margin-left:-1px;border:1px solid #e2e2e2;text-indent:-9999px} #mPopup .mpopup_ctrl .mpopup_ctrlbtn .btn_prev{background:url(/assets/images/main/popup_btn_prev.gif) no-repeat center center} #mPopup .mpopup_ctrl .mpopup_ctrlbtn .btn_next{background:url(/assets/images/main/popup_btn_next.gif) no-repeat center center} #mPopup .mpopup_ctrl .mpopup_ctrlbtn .btn_stop{background:url(/assets/images/main/popup_btn_stop.gif) no-repeat center center} #mPopup .mpopup_ctrl .mpopup_ctrlbtn .btn_play{display:none;background:url(/assets/images/main/popup_btn_play.gif) no-repeat center center} #mPopup .mpopup_ctrl .mpopup_number{display:block;overflow-x:hidden;overflow-y:auto;height:240px;background-color:#111} #mPopup .mpopup_ctrl .mpopup_number a{display:block;overflow:hidden;height:48px;padding:0 20px;border-bottom:1px solid #333;font-size:13px;line-height:46px;color:#999;white-space:nowrap;text-overflow:ellipsis} /*#mPopup .mpopup_ctrl .mpopup_number a:nth-child(n+4){border-bottom:none}*/ #mPopup .mpopup_ctrl .mpopup_number a.on,#mPopup .mpopup_ctrl .mpopup_number a:hover{background-color:#000;color:#fff} #mPopup .bx-wrapper .bx-viewport{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:5px solid #fff;left:0;} #mgalleryvideo{height:460px;background:url(/assets/images/main/mgalleryvideo_bg.jpg) no-repeat center center} #mGallery{float:left;width:50%;padding-top:50px} #mGallery h3{height:50px;font-size:16px;font-weight:600;color:#333;letter-spacing:-.05em} #mGallery h3:before{display:block;width:45px;height:3px;margin-bottom:10px;background-color:#000;content:''} #mGallery ul{padding:50px 40px} #mGallery li{float:left;width:50%;text-align:center} #mGallery li:nth-child(n+3){display:none} #mGallery .mgallery_img{display:block} #mGallery .mgallery_img img{border:1px solid #efefef} #mGallery .mgallery_subject{display:block;margin-top:15px;font-size:14px;color:#555} #mGallery .mgallery_date{display:block;font-size:13px;color:#555} #mVideo{float:left;position:relative;width:50%;padding-top:50px} #mVideo h3{display:none;height:50px;font-size:16px;font-weight:600;color:#333;letter-spacing:-.05em} #mVideo h3:before{display:none;width:45px;height:3px;margin-bottom:10px;background-color:#000;content:''} #mVideo .mvideo_img{} #mVideo .mvideo_subject{display:block;position:absolute;bottom:0;z-index:99;width:100%;padding:10px 0;background-color:rgba(0,13,80,.8);font-size:14px;color:#fff;text-align:center} #mVideo .mvideo_subject strong{display:block} #mCompany{padding:80px 0;background:url(/assets/images/main/mcompany_bg.jpg) #101017 no-repeat center center} #mCompany h2{font-size:60px;font-weight:600;color:#fff;letter-spacing:-.03em} #mCompany h2 em{display:block;font-size:24px;font-weight:400;color:#fff;letter-spacing:.2em} #mCompany h2 em:after{display:inline-block;width:100px;height:1px;background-color:#fff;content:''} #mCompany .mcompany_txt{padding-top:40px;font-size:14px;color:rgba(255,255,255,.5)} #mCompany ul{margin-top:50px} #mCompany li{float:left;margin-right:25px;text-align:center} #mCompany li a{font-size:14px;color:#a58af0} #mCompany li span{display:block;margin-bottom:10px;border:1px solid #5d5088;border-width:1px 0} #mCompany li:hover span{background-color:rgba(60,45,145,.3)} #mLease{max-width:1200px;width:100%;margin:0 auto;padding:50px 0 60px} #mLease h2{margin-bottom:50px;font-size:36px;font-weight:600;color:#333;text-align:center} #mLease h2 em{display:block;padding-top:15px;font-size:14px;font-weight:400;color:#898989} #mLease ul{overflow:hidden} #mLease li{float:left;position:relative;width:30.8333%;margin-right:3.75%} #mLease li:nth-child(n+3){margin-right:0} #mLease li .mlease_subject{position:absolute;left:0;bottom:0;z-index:99;width:100%;padding:10px 0;background-color:#002050;font-size:14px;color:#fff;text-align:center} #mLease li:first-child .mlease_subject{background-color:#f95319} #mLease li .mlease_subject strong{display:block;font-size:18px;font-weight:600} #mLease li .mlease_subject br{display:none} #mLease li:hover .mlease_subject{height:100%;padding-top:32%;background-color:rgba(0,32,80,.9);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out} #mLease li:first-child:hover .mlease_subject{background-color:rgba(249,83,25,.9)} #mBanner{position:relative;padding:25px 0;border-top:1px solid #ddd} #mBanner .mbanner_ctrl{float:left;width:15.5%} #mBanner .mbanner_ctrl .mbanner_btn{display:block;overflow:hidden;float:left;margin-top:7%;margin-left:-1px;border:1px solid #e2e2e2;line-height:1} #mBanner .mbanner_ctrl .mbanner_btn_play{display:none} #mBanner .owl-carousel{float:right;width:84.5%} #fullpage{display:none;overflow:hidden;position:fixed;top:0;left:0;z-index:1000000;width:100%;height:100%;background-color:rgba(0,0,0,.9)} #fullpage .fullpagewrap{display:block;position:relative;top:20%;max-width:100%;width:800px;height:450px;margin:0 auto} #fullpage .fullpage_close{position:absolute;right:0;top:-50px;display:block;width:39px;height:40px;background:url(/assets/images/main/fullpage_close_btn.png) 0 0 no-repeat;text-indent:-10000px} #fullpage iframe,#fullpage embed,#fullpage object{overflow:hidden;position:absolute;width:100%;height:100%;left:0} /* Lnb */ #lnb{float:left;width:240px} #lnb h2{display:block;width:220px;height:160px;margin-bottom:20px;padding-top:65px;border:1px solid rgba(255,255,255,.5);background-color:rgba(33,184,213,.5);font-size:30px;font-weight:600;line-height:1;color:#fff;text-align:center} #lnb ul{width:220px} #lnb li{margin-top:-1px} #lnb li a{display:block;height:60px;padding-left:20px;border:1px solid #d9d9d9;background-color:#fff;background-position:right center;line-height:60px;font-size:16px;color:#333} #lnb li.active a,#lnb li:hover a{border:1px solid #778191;background:url(/assets/images/sub/lnb_arr.gif) #778191 no-repeat right center;font-weight:600;color:#fff;;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out} #lnb li li{display:none} #lnb li.active li,#lnb li:hover li{display:block} #lnb li.active li a,#lnb li:hover li a{display:block;height:45px;padding-left:20px;border:1px solid #d9d9d9;background:none;background-color:#f0f0f0;background-position:right center;font-size:14px;font-weight:400;color:#777;line-height:45px} #lnb li.active li.active a,#lnb li li:hover a{font-weight:600;color:#000} #lnb li li a:before{display:inline-block;width:6px;height:1px;margin-right:10px;background-color:#777;vertical-align:middle;content:""} #lnb li li.active a:before,#lnb li li:hover a:before{background-color:#000} .lnb_bnr{display:block;margin-top:50px} /* Scon */ #scon{float:left;width:960px} #location{border:1px solid rgba(255,255,255,.2);background-color:rgba(85,93,107,.7)} #location li{float:left;height:50px;font-size:14px;color:#fff} #location li a{display:block;line-height:50px;color:#fff} #location .path li{min-width:160px;padding-right:20px;border-right:1px solid rgba(255,255,255,.2)} #location .path li a{padding:0 20px;background:url(/assets/images/sub/arr_down.gif) no-repeat right center} #location .path li.home{min-width:50px;text-align:center} #location .path li.home a img{vertical-align:middle} #location .path li.home,#location .path li.home a{padding:0;background:none} #location .path .path_dp1{position:relative} #location .path .path_dp2_list{display:none;position:absolute;top:100%;left:-1px;margin-top:1px;border:1px solid #e5e5e5;background-color:#fff;z-index:10} #location .path .path_dp2_list li{width:100%;height:auto;padding-right:0} #location .path .path_dp2_list li a{display:block;height:auto;padding:10px 20px;background:none;font-size:14px;color:#000;line-height:1} #location .path .path_dp2_list li.active,#location .path .path_dp2_list li:hover{background-color:#f4f4f4} #location .sns li{border-left:1px solid rgba(255,255,255,.2)} #contents{min-height:350px;padding:40px 40px 0;background-color:#fff} #contents .snb{overflow:hidden;margin-bottom:60px} #contents .snb li{display:block;float:left;margin-left:-1px;font-size:16px;color:#898989} #contents .snb li:first-child{margin-left:0} #contents .snb li.active a{border-bottom:1px solid #fff;background-color:#fff;font-weight:600;color:#313842} #contents .snb li:hover a{font-weight:600;color:#313842} #contents .snb li a{display:block;border:1px solid #d6d6d6;border-bottom:1px solid #7c7c7c;background-color:#f5f5f5;font-size:16px;line-height:50px;color:#898989;letter-spacing:-.05em;text-align:center} #contents .snb2 li{width:50%} #contents .snb3 li{width:33.3333%} #contents .snb4 li{width:25%} #contents .snb5 li{width:20%} #contents .ssnb{overflow:hidden;margin-bottom:50px} #contents .ssnb li{display:block;float:left;margin-left:-1px;font-size:16px;color:#898989} #contents .ssnb li:first-child{margin-left:0} #contents .ssnb li:hover a{background-color:#2b3e61;font-weight:600;color:#fff} #contents .ssnb li a{display:block;border:1px solid #2b3e61;background-color:#fff;font-size:14px;line-height:40px;color:#2b3e61;letter-spacing:-.05em;text-align:center} #contents .ssnb2 li{width:50%} #contents .ssnb3 li{width:33.3333%} #contents .ssnb4 li{width:25%} #contents .ssnb5 li{width:20%} #contents .ssnb6 li{width:33.3333%} #contents .ssnb7 li{width:25%} #contents .ssnb8 li{width:25%} #contents .ssnb6 li:nth-child(3n+1){margin-left:0} #contents .ssnb6 li:nth-child(n+4){margin-top:-1px} #contents .ssnb7 li:nth-child(4n+1){margin-left:0} #contents .ssnb7 li:nth-child(n+5){margin-top:-1px} #contents .ssnb8 li:nth-child(4n+1){margin-left:0} #contents .ssnb8 li:nth-child(n+5){margin-top:-1px} /*#sub_grf4_2 #contents .ssnb6 li:last-child{width:66.6%}*/ #contents .titbox{margin-bottom:30px;padding:20px;border:1px solid #d2d2d2;border-top:3px solid #007fd8;word-break:keep-all} #contents .titbox .titbox_img{float:left;width:20%;padding-right:20px;text-align:center} #contents .titbox .titbox_text{float:left;width:80%;padding-left:40px;border-left:1px dashed #b2b2b2} #contents .titbox .titbox_text .tit{margin-bottom:15px;font-size:16px;font-weight:600;color:#2f2f2f} #contents .titbox .titbox_text strong{display:inline-block;width:70px;font-size:13px;color:#007fd8;letter-spacing:0} #sub_robotland2 .robotland2_01{margin:90px 0 100px;padding:25px 0 35px;border:1px solid #ccc;background-color:#fafafa} #sub_robotland2 #contents h4{margin:-60px auto 30px;width:250px;height:70px;padding:10px;border-radius:70px;background:none;background-color:#12995e;font-size:22px;color:#fff;line-height:1.3;text-align:center;box-shadow:1px 2px 2px rgba(0,0,0,.2)} #sub_robotland2 #contents h4 em{display:block;font-size:13px;color:rgba(255,255,255,.7)} #sub_robotland2 .robotland2_01 p{font-size:30px;font-weight:600;text-align:center;letter-spacing:-.05em} #sub_robotland2 .robotland2_01 p strong{color:#000} #sub_robotland2 .robotland2_01 p strong.robotland2_01_1{color:#37c267} #sub_robotland2 .robotland2_01 p strong.robotland2_01_2{color:#00b0a6} #sub_robotland2 .robotland2_01 p br{display:none} #sub_robotland2 .robotland2_02{clear:both;margin:90px 0 100px;padding:25px 0 35px;border:1px solid #ccc;background-color:#fff} #sub_robotland2 #contents .robotland2_02 h4{background-color:#1e62b1} #sub_robotland2 .robotland2_02{clear:both} #sub_robotland2 .robotland2_02 li{display:block;float:left;width:32%;padding:0;font-size:16px;font-weight:600;color:#2f2f2f;text-align:center;letter-spacing:-.05em} #sub_robotland2 .robotland2_02 li:nth-child(3n+2){width:36%;border:1px dotted #aaa;border-width:0 1px} #sub_robotland2 .robotland2_02 li:before{display:block;width:40px;height:2px;margin:0 auto 20px;background-color:#1462ad;content:""} #sub_robotland2 .robotland2_02 li:nth-child(3n+2):before{background-color:#3eaceb} #sub_robotland2 .robotland2_02 li:nth-child(3n+3):before{background-color:#51a7b8} #sub_robotland2 .robotland2_03{margin:90px 0 0;padding:25px 35px;border:1px solid #ccc} #sub_robotland2 #contents .robotland2_03 h4{background-color:#ff8700} #sub_robotland2 .robotland2_03 li{display:block;float:left;position:relative;width:25%;padding:0 20px;font-size:16px;font-weight:600;text-align:center} #sub_robotland2 .robotland2_03 li p{display:block;position:relative;z-index:2;width:150px;height:150px;margin:0 auto;padding-top:45px;border-radius:100%;border:6px solid #ffdd77;background-color:#ffc20e;color:#2f2f2f;text-align:center;vertical-align:middle} #sub_robotland2 .robotland2_03 li:last-child p{padding-top:35px} #sub_robotland2 .robotland2_03 li:before{display:block;position:absolute;left:-25%;top:50%;width:50%;height:1px;border-radius:0;background-color:#dfdfdf;content:""} #sub_robotland2 .robotland2_03 li:first-child:before{display:none} /* #sub_robotland2 h3 + h4{margin-top:0} #sub_robotland2 .robotland2_01{padding:25px;border:1px solid #ccc;background-color:#fafafa;font-family:'NanumMyeongjo';font-size:30px;font-weight:600;color:#000;text-align:center;letter-spacing:-.08em} #sub_robotland2 .robotland2_02{clear:both} #sub_robotland2 .robotland2_02 li{float:left;width:30%;min-height:120px;margin-left:5%;padding:30px;border-radius:10px;background-color:#0055a5;font-size:18px;font-weight:600;color:#fff;text-align:center;letter-spacing:-.05em;line-height:2;box-shadow:10px 10px #efefef} #sub_robotland2 .robotland2_02 li:first-child{margin-left:0} #sub_robotland2 .robotland2_02 li:nth-child(3n+1){background-color:#1dbfd8} #sub_robotland2 .robotland2_02 li:nth-child(3n+3){background-color:#1a8e67} */ #sub_robotland4 .robotland4_01{clear:both;line-height:1;counter-reset:robotland4_01} #sub_robotland4 .robotland4_01 img{display:block;margin-bottom:1px} #sub_robotland4 .robotland4_01 li{float:left;width:20%;background-color:#222;font-size:16px;color:#fff;letter-spacing:-.05em;line-height:40px} #sub_robotland4 .robotland4_01 li:before{display:inline-block;width:20%;height:40px;margin-right:10px;background-color:#e87300;font-weight:600;color:#fff;text-align:center;line-height:40px;counter-increment:robotland4_01;content:counter(robotland4_01)} #sub_robotland4 li.robotland4_01_1:before{background-color:#e87300} #sub_robotland4 li.robotland4_01_2:before{background-color:#d50c0c} #sub_robotland4 li.robotland4_01_3:before{background-color:#79ae31} #sub_robotland4 li.robotland4_01_4:before{background-color:#00a9c8} #sub_robotland4 li.robotland4_01_5:before{background-color:#0055a5} #sub_robotland4 .robotland4_02{clear:both} #sub_robotland4 .robotland4_02 table.tbl1{float:left;width:60%;min-height:247px} #sub_robotland4 .robotland4_02 img{float:right;width:39.7%;margin-left:.3%} /* rnd1 */ #sub_rnd1 .rnd01 img{padding-top:20px} #rnd02_wrap{width:100%} #sub_rnd1 .rnd02{clear:both} #sub_rnd1 .rnd02 ul li{} #sub_rnd1 .rnd02 .rnd02_tit{float:left;width:20%;height:45px;background:url("/assets/images/sub/rnd1_img02.png") no-repeat;color:#fff;font-size:15px;font-weight:600;padding:8px 0 0 15px} #sub_rnd1 .rnd02 .rnd02_li{clear:both;margin-bottom:20px} #sub_rnd1 .rnd03_01{float:right;width:80%;background-color:#64748e;padding:15px 0;border:1px solid #6d6d6d;color:#fff} #sub_rnd1 .rnd03_01 p{font-size:25px;text-align:center;line-height:1.3em} #sub_rnd1 .rnd03_01 p strong{font-weight:600} #sub_rnd1 .rnd03_02{float:right;width:80%} #sub_rnd1 .rnd03_02 ul{display:block;clear:both;padding:15px 0;border-top:5px solid #efefef;border-bottom:5px solid #efefef} #sub_rnd1 .rnd03_02 ul li{display:block;float:left;width:50%;padding:25px 0;border-left:3px dotted #555;font-size:18px;text-align:center;letter-spacing:-.03em} #sub_rnd1 .rnd03_02 ul li:first-child{border:0} #sub_rnd1 .rnd03_03{float:right;width:80%} #sub_rnd1 .rnd03_03 ul{text-align:center} #sub_rnd1 .rnd03_03 ul:first-child{margin-left:0px} #sub_rnd1 .rnd03_03 ul li{float:left;width:32%;margin-right:2%;height:190px} #sub_rnd1 .rnd03_03 ul li li{float:none;width:100%;height:auto;margin-right:0} #sub_rnd1 .rnd03_03 ul li:last-child{margin-right:0} #sub_rnd1 .rnd03_03 .t01{height:45px;color:#fff;font-size:15px;font-weight:600;padding-top:10px;background-color:#0a2f75} #sub_rnd1 .rnd03_03 .t01_2{height:45px;color:#fff;font-size:15px;font-weight:600;padding-top:10px;background-color:#0c4da1} #sub_rnd1 .rnd03_03 .t01_3{height:45px;color:#fff;font-size:15px;font-weight:600;padding-top:10px;background-color:#64748e} #sub_rnd1 .rnd03_03 .t02{height:50px;font-size:14px;font-weight:600;letter-spacing:-.03em;padding-top:15px} #sub_rnd1 .rnd03_03 .line01{width:100%;border-top:1px solid #6d6d6d;margin:0 auto} #sub_rnd1 .rnd03_03 ul ul{text-align:left;padding:15px 0 0 25px;font-size:13px;border:0} #sub_rnd1 table.tbl2 th{text-align:left} #sub_rnd1 .rnd_04_1{width:100%;border:1px solid #ddd;background-color:#fff;margin-top:50px} #sub_rnd1 .rnd_04_1 p.ttt{margin:-60px auto 30px;width:250px;height:70px;padding:20px;border-radius:70px;background:none;background-color:#1e62b1;font-size:25px;color:#fff;line-height:1.3;text-align:center;box-shadow:1px 2px 2px rgba(0,0,0,.2);margin:0 auto;clear:both;margin-top:-25px;font-weight:600} #sub_rnd1 .rnd_04_1 p strong.point1{color:#0c4da1} #sub_rnd1 .rnd_04_1 p strong.point2{color:#0fb2d3} #sub_rnd1 .rnd_04_1 ul{text-align:center;padding:30px 0} #sub_rnd1 .rnd_04_1 p.rnd_04t{padding-top:30px;font-size:22px;font-weight:600;text-align:center} #sub_rnd1 .rnd_04_1 ul li{line-height:1.8em;font-size:16px;letter-spacing:-.03em} #sub_rnd1 .rnd_05_1{width:100%;margin-top:60px} #sub_rnd1 .rnd_05_1 p.ttt{margin:-60px auto 30px;width:250px;height:70px;padding:20px;border-radius:70px;background:none;background-color:#64748e;font-size:25px;color:#fff;line-height:1.3;text-align:center;box-shadow:1px 2px 2px rgba(0,0,0,.2);margin:0 auto;clear:both;margin-top:-25px;font-weight:600} #sub_rnd1 .rnd_05_2 ul{clear:both;margin-top:30px} #sub_rnd1 .rnd_05_2 ul li{float:left;width:32%;margin-right:2%;text-align:center} #sub_rnd1 .rnd_05_2 ul li:last-child{margin-right:0} #sub_rnd1 .rnd_05_2 ul li p{height:70px;border:1px solid #64748e;background-color:#64748e;color:#fff;font-size:16px;padding-top:10px;letter-spacing:-.03em;font-weight:600} #sub_rnd1 .rnd_05_2 ul li p em{display:block;font-size:13px} #sub_rnd1 .rnd_05_2 ul ul{min-height:126px;margin-top:0;padding:20px;border:1px solid #ddd} #sub_rnd1 .rnd_05_2 ul li li{float:none;width:100%;height:auto;margin-right:0;text-align:left;padding:0;letter-spacing:-.03em;font-size:14px;background:url("/assets/images/sub/rnd1_img04.png") no-repeat 0 7px;padding-left:10px} #sub_rnd1 .rnd2_02{clear:both;border-top:3px solid #404040} #sub_rnd1 .rnd2_02 ul{clear:both} #sub_rnd1 .rnd2_02 li{float:left;width:50%;border-bottom:1px solid #babcbe;line-height:0;text-align:center} #sub_rnd1 .rnd2_02 li:nth-child(2n+1){clear:both;border-right:1px solid #babcbe} #sub_rnd1 .rnd2_02 li .tit{padding:16px 10px;border-bottom:1px solid #babcbe;background:#f0f0f0;font-weight:600;text-align:center;line-height:1.5} #sub_rnd1 .rnd2{clear:both;padding-bottom:40px} #sub_rnd1 .rnd2 table.tbl1{float:left;width:50%;min-height:234px} #sub_rnd1 .rnd2_img{float:left;width:50%;min-height:234px;border-top:3px solid #404040;border-bottom:1px solid #babcbe;border-left:1px solid #babcbe;line-height:0} #sub_rnd1 .rnd1_div{display:none} #sub_rnd1 .rnd1_div.active{display:block} /* rnd2 */ #sub_rnd2 .rnd2_02{clear:both;border-top:3px solid #404040} #sub_rnd2 .rnd2_02 ul{clear:both} #sub_rnd2 .rnd2_02 li{float:left;width:50%;border-bottom:1px solid #babcbe;line-height:0;text-align:center} #sub_rnd2 .rnd2_02 li:nth-child(2n+1){clear:both;border-right:1px solid #babcbe} #sub_rnd2 .rnd2_02 li .tit{padding:16px 10px;border-bottom:1px solid #babcbe;background:#f0f0f0;font-weight:600;text-align:center;line-height:1.5} #sub_rnd2 .rnd2{clear:both;padding-bottom:40px} #sub_rnd2 .rnd2 table.tbl1{float:left;width:50%;min-height:234px} #sub_rnd2 .rnd2_img{float:left;width:50%;min-height:234px;border-top:3px solid #404040;border-bottom:1px solid #babcbe;border-left:1px solid #babcbe;line-height:0} /* rnd3 */ #sub_rnd3 .rnd3_01{padding:25px 40px;border:1px solid #ddd;} #sub_rnd3 .rnd3_01 ul li{display:block;float:left;position:relative;width:25%;padding:0 20px;font-weight:600;text-align:center} #sub_rnd3 .rnd3_01 ul li p{display:block;position:relative;z-index:2;width:150px;height:150px;margin:0 auto;padding-top:35px;border-radius:100%;border:6px solid #a3eefd;background-color:#21b9d7;font-size:14px;color:#333;letter-spacing:-.05em;line-height:1.3em;text-align:center;vertical-align:middle} #sub_rnd3 .rnd3_01 ul p strong{display:inline-block;padding-bottom:10px;color:#fff;font-size:16px;font-weight:600;letter-spacing:-.03em} #sub_rnd3 .rnd3_01 ul li{display:block;float:left;position:relative;width:25%;padding:0 20px;font-size:15px;font-weight:600;text-align:center;} #sub_rnd3 .rnd3_01 ul li:before{display:block;position:absolute;left:-25%;top:50%;width:50%;height:1px;border-radius:10px;background-color:#dfdfdf;vertical-align:middle;content:"";} #sub_rnd3 .rnd3_01 ul li:first-child:before{display:none} #sub_rnd3 p.tbl2_t{text-align:right;margin-top:-10px} #sub_rnd3 h5.h5_rnd3{margin-top:0px} #sub_rnd3 .rnd3_02 ul{padding-left:30px} #sub_rnd3 .rnd3_02 ul li{background:url("/assets/images/sub/rnd1_img04.png") no-repeat 0 7px;padding:0 10px} #sub_rnd3_2 .rnd3_2_01 ul{padding-left:30px} #sub_rnd3_2 .rnd3_2_01 ul li{background:url("/assets/images/sub/rnd1_img04.png") no-repeat 0 7px;padding:0 10px} #sub_rnd3_2 .rnd3_01{padding:25px 40px;border:1px solid #ddd;} #sub_rnd3_2 .rnd3_01 ul li{display:block;float:left;position:relative;width:25%;padding:0 20px;font-weight:600;text-align:center} #sub_rnd3_2 .rnd3_01 ul li p{display:block;position:relative;z-index:2;width:150px;height:150px;margin:0 auto;padding-top:35px;border-radius:100%;border:6px solid #a3eefd;background-color:#21b9d7;font-size:14px;color:#333;letter-spacing:-.05em;line-height:1.3em;text-align:center;vertical-align:middle} #sub_rnd3_2 .rnd3_01 ul p strong{display:inline-block;padding-bottom:10px;color:#fff;font-size:16px;font-weight:600;letter-spacing:-.03em} #sub_rnd3_2 .rnd3_01 ul li{display:block;float:left;position:relative;width:25%;padding:0 20px;font-size:15px;font-weight:600;text-align:center;} #sub_rnd3_2 .rnd3_01 ul li:before{display:block;position:absolute;left:-25%;top:50%;width:50%;height:1px;border-radius:10px;background-color:#dfdfdf;vertical-align:middle;content:"";} #sub_rnd3_2 .rnd3_01 ul li:first-child:before{display:none} /* cc1 */ #sub_cc1 .cc1_01 img{padding-top:20px} #sub_cc1 .cc1_02_wrap{clear:both;border:1px solid #efefef;padding:30px} #sub_cc1 .cc1_02_left_wrap{position:relative;float:left;width:60%;margin-top:30px} #sub_cc1 .cc1_02_left01{width:300px;height:300px;margin:0 auto;border-radius:100%;border:15px solid #efefef;background-color:#fff;color:#0c4da1;text-align:center;vertical-align:middle;letter-spacing:-.03em;font-size:25px;font-weight:600} #sub_cc1 .cc1_02_left01 p{width:130px;height:130px;border-radius:100%;background-color:#005aab;margin:0 auto;vertical-align:middle;margin-top:65px;padding-top:50px;color:#fff} #sub_cc1 .cc1_02_left02 p{line-height:1.4em} #sub_cc1 .cc1_02_left02 p.circle01{position:absolute;z-index:7;top:-30px;left:50%;width:90px;height:90px;margin-left:-45px;border-radius:100%;background-color:#21b9d7;vertical-align:middle;color:#fff;text-align:center;padding:22px;font-weight:600;font-size:16px} #sub_cc1 .cc1_02_left02 p.circle02{position:absolute;z-index:7;top:220px;left:50%;width:90px;height:90px;margin-left:-135px;border-radius:100%;background-color:#8cc63f;vertical-align:middle;color:#fff;text-align:center;padding:22px;font-weight:600;font-size:16px} #sub_cc1 .cc1_02_left02 p.circle03{position:absolute;z-index:7;top:220px;left:50%;width:90px;height:90px;margin-left:50px;border-radius:100%;background-color:#f7941e;vertical-align:middle;color:#fff;text-align:center;padding:22px;font-weight:600;font-size:16px} #sub_cc1 .cc1_02_right{width:40%;float:right;margin:75px 0 0 0} #sub_cc1 .cc1_02_right ul{} #sub_cc1 .cc1_02_right ul li{font-size:16px;line-height:2.3em;font-weight:600;background:url("/assets/images/sub/cc1_img02_1.png") no-repeat left center;padding:0 10px} #sub_cc1 .cc1_02_right ul li:nth-child(2),#sub_cc1 .cc1_02_right ul li:nth-child(6){margin-left:20px} #sub_cc1 .cc1_02_right ul li:nth-child(3),#sub_cc1 .cc1_02_right ul li:nth-child(5){margin-left:30px} #sub_cc1 .cc1_02_right ul li:nth-child(4){margin-left:40px} #sub_cc1 #organization:before{height:129px} #sub_cc1 #organization{padding-bottom:40px} #sub_cc1 #organization .cell p.tit{height:52px} #sub_cc1 #cc1_tbl2{margin-bottom:40px} /* cc2 */ #sub_cc2 .cc2_01{} #sub_cc2 .cc2 table.tbl1{width:59.7%;float:left;min-height:256px;padding-right:.3%} #sub_cc2 .cc2 img{float:right;width:40%;border:1px solid #babcbe} #sub_themepark1 .themepark1_02{} #sub_themepark1 .themepark1_03{margin:0 0 40px;padding-top:20px;border-top:3px solid #4a4a4a} #sub_themepark1 .themepark1_03 ul{margin-right:-1%} #sub_themepark1 .themepark1_03 li{float:left;width:24%;margin-right:1%;line-height:1} #sub_themepark1 .themepark1_03 li:nth-child(4n+1){clear:both} #sub_themepark1 .themepark1_03 li p{margin-bottom:10px;padding:10px 0;background-color:#efefef;font-weight:600;text-align:center} #sub_themepark1 .help1{padding-top:10px;font-size:12px;color:#898989;letter-spacing:-.05em} #sub_themepark1 .tabCon h5 em{margin-left:10px;padding-left:10px;border-left:1px solid #8298c7;font-size:14px;letter-spacing:0} #sub_themepark1 .tabCon .pull{display:table;width:100%;} #sub_themepark1 .tabCon .pull-left{display:table-cell;width:70%} #sub_themepark1 .tabCon .pull-right{display:table-cell;width:30%;padding:13px;background:url(/assets/images/common/bg2.png) #426cb2 no-repeat right top} #sub_themepark1 .tabCon .pull-right .inner-box{min-height:414px;padding:20px 20px 20px;border:1px solid #8ea7d1;color:#fff;text-align:center} #sub_themepark1 .tabCon .pull-right .tit{position:relative;margin:30px 0 20px;padding-bottom:20px;font-size:16px;font-weight:600;text-align:center;letter-spacing:-.05em} #sub_themepark1 .tabCon .pull-right .tit:after{position:absolute;left:50%;bottom:0;display:inline-block;width:15px;height:1px;margin-left:-7px;content:'';background-color:#8ea7d1} #sub_themepark1 .tabCon .pull-right li{text-align:left} #sub_themepark1 .tabCon .pull-right img{margin-top:50px} #sub_themepark2 .themepark2_01 img{border:1px solid #ddd} #sub_themepark2 .themepark2_02{margin-top:40px;padding-top:10px;border-top:3px solid #4a4a4a} #sub_themepark2 .themepark2_02 ul{margin-right:-1%} #sub_themepark2 .themepark2_02 li{float:left;width:24%;padding-bottom:10px;margin-right:1%;line-height:1} #sub_themepark2 .themepark2_02 li p{padding:10px 0;background-color:#385495;font-weight:600;color:#fff;text-align:center} #sub_themepark2 .themepark2_02 li:nth-child(4n+1){clear:both} #sub_themepark2 .themepark2_02 table.tbl3{border-top:0} #sub_themepark2 .themepark2_02 .col1{width:40%} #scon .themepark2 .tit{padding-bottom:20px;font-size:18px;font-weight:600;color:#f95319} #scon .themepark2 .tit span{padding-top:10px;font-size:15px;font-weight:400;color:#f79521} #scon .themepark2 .pull-left{float:left;width:50%} #scon .themepark2 .pull-right{float:right;width:45%;margin-left:5%} #scon .themepark2 .col1{width:30%} #scon .themepark2 .pull-right img{width:100%} #sub_themepark2_7 #scon .themepark2 .tit{letter-spacing:-.02em} #scon .contents .help1{padding-top:10px;font-size:12px;color:#898989;letter-spacing:-.05em} #sub_themepark3 .themepark3_02{margin-top:40px;padding-top:10px;border-top:3px solid #4a4a4a} #sub_themepark3 .themepark3_02 ul{margin-right:-1%} #sub_themepark3 .themepark3_02 li{float:left;width:24%;margin-right:1%;line-height:1} #sub_themepark3 .themepark3_02 li:nth-child(4n+1){clear:both} #sub_themepark3 .themepark3_02 li p{padding:10px 0;background-color:#385495;font-weight:600;color:#fff;text-align:center} #sub_themepark3 .help1{padding-top:10px;font-size:12px;color:#898989;letter-spacing:-.05em} #sub_grf1 .grf1_box{padding:60px 0;border:1px solid #eee;background-color:#fdfdfd;text-align:center} #sub_grf1 .grf1_box p{font-family:'NanumMyeongjo';font-size:24px;font-weight:600;;color:#666;letter-spacing:-.05em} #sub_grf1 .grf1_box p br:nth-child(n+2){display:none} #sub_grf1 .grf1_box h1{text-align:center;font-size:1.8em;font-weight:600;} #sub_grf1 .grf1_box h1 span{display:inline-block;font-size:1.1em;font-weight:700;} #sub_grf1 .grf1_box h1 span.color1{color:#293e91;} #sub_grf1 .grf1_box h1 span.color2{color:#006cc4;} #sub_grf1 .grf1_box h1 img{margin-left:25px;position:relative;top:15px;} #sub_grf1 p{padding-top:30px;line-height:1.8} #sub_grf1 p.grf1_01{padding-top:50px;font-size:18px;font-weight:600} #sub_grf1 p.grf1_01 strong{color:#146cd0;font-weight:600} #sub_grf1 .grf1_sign{padding-top:50px;font-family:'NanumMyeongjo';font-size:24px;font-weight:600;;color:#111;letter-spacing:-.1em;text-align:center} #sub_grf1 .grf1_sign img{margin-right:20px;vertical-align:middle} /* #sub_grf1_2 .grf1_2_01{padding:5% 7%;background-color:#f3f8fc;text-align:right} #sub_grf1_2 .grf1_2_01 p{padding:0;font-family:'NanumMyeongjo';font-size:24px;font-weight:600;color:#111;letter-spacing:-.05em;line-height:1.3} #sub_grf1_2 .grf1_2_01 .grf1_2_01_3{margin-bottom:10px;color:#0061af;text-align:left} #sub_grf1_2 .grf1_2_01 .grf1_2_01_1,#sub_grf1_2 .grf1_2_01 .grf1_2_01_2,#sub_grf1_2 .grf1_2_01 .grf1_2_01_4{display:none} #sub_grf1_2 .grf1_2_01 .grf1_2_01_5{display:inline-block;font-size:15px;color:#888} #sub_grf1_2 .grf1_2_01 .grf1_2_01_6{display:inline-block;letter-spacing:.05em} */ /*사진이 있을경우*/ #sub_grf1_2 .grf1_2_01{padding:7%;background:url(/assets/images/sub/grf1_2_img1.png) #f3f8fc no-repeat right bottom} #sub_grf1_2 .grf1_2_01 p{padding:0;font-family:'NanumMyeongjo';font-size:24px;font-weight:600;color:#111;letter-spacing:-.05em;line-height:1.3} #sub_grf1_2 .grf1_2_01 .grf1_2_01_1,#sub_grf1_2 .grf1_2_01 .grf1_2_01_4{font-size:60px;font-weight:100;color:#96a6b3} #sub_grf1_2 .grf1_2_01 .grf1_2_01_2{margin-top:-5%} #sub_grf1_2 .grf1_2_01 .grf1_2_01_3{color:#0061af} #sub_grf1_2 .grf1_2_01 .grf1_2_01_4{padding-right:60%;text-align:right} #sub_grf1_2 .grf1_2_01 .grf1_2_01_5{font-size:15px;color:#888} #sub_grf1_2 .grf1_2_01 .grf1_2_01_6{letter-spacing:.05em} #sub_grf1_2 .grf1_2_02 p{padding-top:30px;line-height:1.8} /* #sub_grf1_2 .grf1_2_left{float:left;width:35%;padding-right:50px} #sub_grf1_2 .grf1_2_left img{box-shadow:10px 10px #d8d8d8} #sub_grf1_2 .grf1_2_left p{padding-top:20px;text-align:right} #sub_grf1_2 .grf1_2_left p em{display:inline-block;padding-left:5px;font-family:'NanumMyeongjo';font-size:18px;font-weight:600;;color:#111;letter-spacing:.1em} #sub_grf1_2 .grf1_2_right{float:right;width:65%;padding-top:15px} #sub_grf1_2 .grf1_2_01 p{padding:0;font-family:'NanumMyeongjo';font-size:30px;color:#111;letter-spacing:-.1em;line-height:1.3} #sub_grf1_2 .grf1_2_01 p:first-child{margin-left:-12px;padding-bottom:20px;color:#146cd0} #sub_grf1_2 .grf1_2_01:after{display:block;width:100px;height:2px;margin:10px 0 30px;background-color:#111;content:""} #sub_grf2 .grf2_01{overflow:hidden;text-align:center} #sub_grf2 .grf2_01 .grf2_01_tit{display:inline-block;margin:30px 0;padding:10px 0;border:1px solid #ccc;border-width:1px 0;background:none;font-size:26px;color:#00204f;text-align:center;line-height:1} #sub_grf2 .grf2_01 .grf2_01_txt{padding:30px 20px;border:4px solid #4d67a0;font-size:30px;font-weight:600;color:#111;letter-spacing:-.05em;text-align:center} #sub_grf2 .grf2_01 .grf2_01_txt em{padding:6px 6px;background-color:#4d67a0;font-weight:600;color:#fff} #sub_grf2 .grf2_02{padding:20px 0;text-align:center} #sub_grf2 .grf2_03_tit{font-family:'NanumMyeongjo';font-size:32px;color:#0fb2d3;letter-spacing:-.07em;text-align:center} #sub_grf2 .grf2_03_img{margin:20px 0} */ #sub_grf2 .grf2_02{overflow:hidden;margin-top:40px;;text-align:center} #sub_grf2 .grf2_02_tit{display:inline-block;margin:20px 0;padding:10px 0;border:1px solid #ccc;border-width:1px 0;background:none;font-size:26px;color:#111;text-align:center;line-height:1} #sub_grf2 .grf2_02_lst{clear:both;margin-top:20px;padding:20px;background-color:#51a7b8} #sub_grf2 .grf2_02_lst li{float:left;width:18%;margin-left:2.5%;padding:30px 0px;background-color:#fff;font-size:15px;font-weight:600;color:#51a7b8;letter-spacing:-.05em;text-align:center} #sub_grf2 .grf2_02_lst li:first-child{margin-left:0} #sub_grf2 .grf2_04{overflow:hidden;margin-top:40px;text-align:center} #sub_grf2 .grf2_04_tit{display:inline-block;margin:20px 0;padding:10px 0;border:1px solid #ccc;border-width:1px 0;background:none;font-size:26px;color:#111;text-align:center;line-height:1} #sub_grf2 .grf2_04_lst{clear:both;margin-top:20px} #sub_grf2 .grf2_04_lst li{float:left;width:30%;margin-left:5%;padding:30px 20px;border:1px solid #ccc;font-size:16px;color:#111;letter-spacing:-.05em;text-align:center} #sub_grf2 .grf2_04_lst li:first-child{margin-left:0} #sub_grf2 .grf2_05{overflow:hidden;margin-top:40px;text-align:center} #sub_grf2 .grf2_05_tit{display:inline-block;margin:20px 0;padding:10px 0;border:1px solid #ccc;border-width:1px 0;background:none;font-size:26px;color:#111;text-align:center;line-height:1} #sub_grf2 .grf2_05_lst{clear:both;margin-top:20px} #sub_grf2 .grf2_05_lst li{float:left;width:23.5%;min-height:130px;margin-left:2%;padding:30px 20px;border:1px solid #ccc;font-size:16px;color:#111;letter-spacing:-.05em;text-align:center} #sub_grf2 .grf2_05_lst li:first-child{margin-left:0} #sub_grf3 h4{margin-top:50px} #sub_grf3 h3 + h4{margin-top:0} #sub_grf4_2 #contents .ssnb.ssnb6 li:nth-child(1){width:calc(100% - 2px);margin-left:0} #sub_grf4_2 #contents .ssnb.ssnb6 li:nth-child(2),#sub_grf4_2 #contents .ssnb.ssnb6 li:nth-child(3){margin-top:-1px} #sub_grf4_2 #contents .ssnb6 li:nth-child(3n+1){margin-left:-1px} #sub_grf4_2 #contents .ssnb6 li:nth-child(3n+2){margin-left:0} #organization{clear:both;position:relative;margin:30px auto 0;line-height:1} #organization .cell{position:relative;text-align:center} #organization .cell p.tit,#organization .cell a.tit{display:inline-block;position:relative;z-index:99;width:180px;height:70px;padding:17px;font-size:15px;font-weight:600;color:#fff} #organization .cell p.tit em{display:block;padding-top:7px;font-size:12px;font-weight:400;color:rgba(255,255,255,.6)} #organization .cell.grade1{margin-bottom:30px} #organization .cell.grade1 p.tit{background-color:#0d51a5;font-size:18px} #organization .cell.grade2 p.tit{background-color:#007fd8;font-size:18px} #organization .cell.grade3{padding-top:50px;text-align:center} #organization .cell.grade3 ul{display:inline-block;position:relative;width:100%} #organization .cell.grade3 ul li{display:block;float:left;position:relative;width:50%} #organization .cell.grade3 ul li p.tit,#organization .cell.grade3 ul li a.tit{display:inline-block;height:52px;background-color:#707070;font-size:16px} #organization .cell.grade4{padding-top:50px} #organization .cell.grade4 p.tit,#organization .cell.grade4 a.tit{height:52px;background-color:#0b9092;font-size:18px} #organization .cell.grade5{padding-top:50px} #organization .cell.grade5 p.tit,#organization .cell.grade5 a.tit{height:52px;background-color:#0b9251;font-size:18px} #organization .cell.grade6{padding-top:110px;text-align:center} #organization .cell.grade6 ul{float:left;display:block;position:relative;width:25%} #organization .cell.grade6 ul:first-child{width:100%} #organization .cell.grade6 ul li{display:block;float:left;position:relative;width:100%} #organization .cell.grade6 ul li p.tit,#organization .cell.grade6 ul li a.tit{width:80%;height:auto;min-height:95px;padding-top:25px;border:4px solid #0b9251;background-color:#fff;color:#535353;line-height:120%} #organization .cell.grade6 ul li:last-child p.tit,#organization .cell.grade6 ul li:last-child a.tit{padding-top:17px} #organization .cell.grade6 ul:first-child li{width:16.666%} #organization .cell.grade6 {padding-top:180px;} #organization .cell.grade6:before {content:''; display:block; background:#bbb; height:1px; position:absolute; left:21%; right:26.5%; top:30px;} #organization .cell.grade6:after {content:''; display:block; background:#bbb; width:1px; position:absolute; left:21%; top:30px; height:110px;} #organization .cell.grade6 ul.grade6_4 {display:flex; width:auto; float:none; justify-content: space-between; position:relative;} #organization .cell.grade6 ul.grade6_4:before { content:''; display:block; height:1px; position:absolute; left:30px; top:-40px; right:61.6%; background:#bbb;} #organization .cell.grade6 ul.grade6_4:after { content:''; display:block; height:1px; position:absolute; left:50%; top:-40px; right:30px; background:#bbb;} #organization .cell.grade6 strong {display:block; width:20%; height:50px; background:#888; color:#fff; text-align:center; position:absolute; right:16.6%; top:60px;line-height:50px; } #organization .cell.grade6 strong a {color:#fff; font-size:16px;} #organization .cell.grade6 strong:before {content:''; display:block; position:absolute; left:50%; top:-30px; height:30px;background:#bbb; z-index:0; width:1px;} #organization .cell.grade6 strong:after {content:''; display:block; position:absolute; left:50%; bottom:-30px; height:30px;background:#bbb; z-index:0; width:1px;} #organization .cell.grade6 ul.grade6_4 li {border:4px solid #0b9251; width:60px; float:none; margin:0; position:relative;} #organization .cell.grade6 ul.grade6_4 li a {display:block; width:20px; padding:20px 0; text-align:center; border:0; margin:0 auto;} #organization .cell.grade6 ul.grade6_4 li a:before {height:40px; top:-44px;} /* 선 */ #organization:before{display:block;position:absolute;top:0;left:50%;width:1px;height:407px;background-color:#bbb;content:''} #organization .cell.grade3 ul li:before{display:block;position:absolute;top:26px;right:50%;width:50%;height:1px;background-color:#bbb;content:''} #organization .cell.grade3 ul li:first-child:before{left:50%} #organization .cell.grade6 ul li p:before,#organization .cell.grade6 ul li a:before{display:block;position:absolute;top:-44px;left:50%;width:1px;height:40px;background-color:#bbb;content:''} #organization .cell.grade6 ul.grade6_1:before{display:block;position:absolute;top:-40px;left:8.5%;width:83.2%;height:1px;background-color:#bbb;content:''} #organization .cell.grade6 ul.grade6_2:before{display:block;position:absolute;top:-70px;right:50%;width:200%;height:1px;background-color:#bbb;content:''} #organization .cell.grade6 ul.grade6_2 li a:before{top:-74px;height:70px;} /* #organization .cell.grade6 ul li:nth-child(4n+1):before{display:block;position:absolute;top:-40px;left:50%;width:50%;height:1px;background-color:#e2e2e2;content:''} #organization .cell.grade6 ul li:nth-child(4n+2):before{display:block;position:absolute;top:-40px;left:0;width:100%;height:1px;background-color:#e2e2e2;content:''} #organization .cell.grade6 ul li:nth-child(4n+3):before{display:block;position:absolute;top:-40px;left:0;width:50%;height:1px;background-color:#e2e2e2;content:''} #organization .cell.grade6 ul li:nth-child(4n+2) p:before,#organization .cell.grade6 ul li:nth-child(4n+2) a:before{display:none} */ @media all and (max-width:607px){ #organization .cell.grade6 strong { width:30%; right:11.3%; white-space:nowrap;} #organization .cell.grade6 strong a {font-size:13px;} #organization .cell.grade6 ul.grade6_4 {gap:4px;} } #sub_grf5 .grf5_01 li{display:block;width:49%} #sub_grf5 .grf5_01 li .innerbox{margin-bottom:20px;padding:27px;border:#e1e1e1 solid 1px;background:url(/assets/images/sub/grf5_bg.gif) repeat left top;line-height:0;text-align:center} #sub_grf5 .grf5_02{border:#e1e1e1 solid 1px;padding:30px} #sub_grf5 .grf5_02 li{float:left;width:30%;margin-right:2%} #sub_grf5 .grf5_02 li:nth-child(n+3){width:36%;margin-right:0} #sub_grf5 .grf5_02 li .innerbox{position:relative;padding-left:93px} #sub_grf5 .grf5_02 li .innerbox span.square{position:absolute; left:0; top:0; display:block; width:74px; height:74px;} #sub_grf5 .grf5_02 li .innerbox span.square1{background-color:#005aab} #sub_grf5 .grf5_02 li .innerbox span.square2{background-color:#13b8d6} #sub_grf5 .grf5_02 li .innerbox span.square3{background-color:#7d7d7d} #sub_grf5 .grf5_02 li .innerbox p{display:table-cell;height:74px;vertical-align:middle;color:#555;font-size:17px} #sub_grf6 .map{width:100%} #sub_grf6 .map .root_daum_roughmap{width:100% !important} #sub_grf6 h4.h4_grf6_airplane{padding-left:55px;background:url(/assets/images/sub/h4_grf6_airplane.png) no-repeat left center} #sub_grf6 h4.h4_grf6_bus{padding-left:55px;background:url(/assets/images/sub/h4_grf6_bus.png) no-repeat left center} #sub_grf6 h4.h4_grf6_car{padding-left:55px;background:url(/assets/images/sub/h4_grf6_car.png) no-repeat left center} #sub_grf6 .grf6_bus{border-top:1px solid #efefef} #sub_grf6 .grf6_bus li{float:left;width:50%;min-height:90px;padding:0 0 0 20px;border-bottom:1px solid #efefef} #sub_grf6 .grf6_bus li:nth-child(2n+1){clear:both;border-right:1px solid #efefef} #sub_grf6 .grf6_bus li:before{position:absolute;left:10px;top:15px;display:inline-block;content:"";width:3px;height:3px;background-color:#66} #sub_grf6 .grf6_bus em{display:block;padding-top:5px;font-size:12px;color:#898989} #sub_grf6 .grf6_bus .bus{display:inline-block;margin-right:5px;padding:2px 6px;border-radius:20px;font-size:12px;color:#fff;line-height:1.2} #sub_grf6 .grf6_bus .bus1{background-color:#00c73c} #sub_grf6 .grf6_bus .bus2{background-color:#00bcf2} #sub_grf6 .grf6_bus .bus3{background-color:#ff8012} #sub_grf6 .grf6_bus .bus_line{display:inline-block;padding:0 2px;font-size:10px;color:#aaa} #sub_grf6 .grf6_bus dl{clear:both;padding:10px 0} #sub_grf6 .grf6_bus dt{float:left;width:30%;line-height:1.1} #sub_grf6 .grf6_bus dd{float:right;width:70%;padding-bottom:5px;font-size:12px} #sub_grf6 .grf6_car dt{display:inline-block;margin:15px 0 5px;padding:2px 10px;border-radius:20px;background-color:#666;font-size:12px;color:#fff;line-height:1.2} #sub_grf6 .grf6_car dt:first-child{margin-top:0} #sub_grf7 .grf7_01 p{padding-bottom:3%;font-size:1.13em} #sub_grf7 .grf7_02{padding:5%;border:1px solid #ddd;background-color:#f7f7f7} #sub_grf7 .grf7_02 li{position:relative;padding:2% 0 0 50px;font-size:1.13em;letter-spacing:-.05em} #sub_grf7 .grf7_02 li:before{position:absolute;left:0;display:inline-block;content:"하나, "} #sub_grf7 .grf7_02 li:first-child{padding-top:0} #sub_grf7 .grf7_03{padding-top:5%;font-family:'NanumMyeongjo';font-size:1.5em;font-weight:600;color:#333;text-align:center} #sub_grf8 .grf8_01 p{padding-bottom:3%;font-size:1.13em} #sub_grf8 .grf8_02{padding:5%;border:1px solid #ddd;background-color:#f7f7f7} #sub_grf8 .grf8_02 li{position:relative;padding:2% 0 0 50px;font-size:1.13em;letter-spacing:-.05em} #sub_grf8 .grf8_02 li:before{position:absolute;left:0;display:inline-block;content:"하나, "} #sub_grf8 .grf8_02 li:first-child{padding-top:0} #sub_grf8 .grf8_03{padding-top:5%;font-family:'NanumMyeongjo';font-size:1.5em;font-weight:600;color:#333;text-align:center} #sub_publicinfo1 .publicinfo1_6 .box2{text-align:center} #sub_publicinfo1 .publicinfo1_7>ul>li{float:left;width:50%} #sub_publicinfo1 .publicinfo1_7>ul>li:nth-child(2n+1){clear:both} #sub_epost #scon .nav{display:block;height:auto;margin-bottom:20px;padding-left:0;list-style:none;border-top:2px solid #333} #sub_epost .nav>li:first-child{height:40px} #sub_epost .nav>li{display:block;position:relative;min-height:40px;padding-left:120px} #sub_epost .nav>li>a{position:absolute;left:0;width:110px;height:100%;display:block;padding:10px 15px;background-color:#2c55a0;color:#fff} #sub_epost .nav a{display:block} #sub_epost .nav > li > a:hover,#sub_epost .nav > li > a:focus{background-color:#2c55a0;color:#ecf4f9;text-decoration:none} #sub_epost .nav>li>ul{clear:both;padding:10px 0} #sub_epost .nav>li>ul>li{float:left;display:block;width:33.333%;padding:2px 0} #sub_epost .nav-tabs{height:auto;border-bottom:1px solid #ddd} #sub_epost .nav-tabs>li{float:none;margin-bottom:0;border-bottom:1px solid #ddd} #sub_epost .nav-tabs>li.active>a,#sub_epost .nav-tabs>li.active>a:hover,#sub_epost .nav-tabs>li.active>a:focus{background-color:#2c55a0;color:#ecf4f9;cursor:default} #sub_epost .nav-tabs>li>a{margin-right:2px;border:1px solid transparent;border-radius:0;line-height:1.42857143} #sub_epost .nav-tabs>li>ul>li.active>a,#sub_epost .nav-tabs>li>ul>li.active>a:hover,#sub_epost .nav-tabs>li>ul>li.active>a:focus{font-weight:600;color:#2c55a0} #sub_epost .board #boLst .label-default{display:none} #epost .nav{display:none} #epost #boLst .label-default{display:none} #boVew .category{display:none} #sub_cscenter .cscenter1{min-height:150px;margin-bottom:30px;padding:30px 5%;border:1px solid #ccc;border-width:1px 0;background:url(/assets/images/sub/cscenter1_bg.png) #f3f8fc no-repeat right bottom;font-family:'NanumMyeongjo';font-size:18px;font-weight:600;color:#111;letter-spacing:-.05em;line-height:1.5} #sub_cscenter .cscenter2 td{word-break:break-all} .clean_btnWrap.rnd_06_1{padding-top:0;} .clean_btnWrap.rnd_06_1 a.btn{position:relative;left:250px;bottom:55px;} .clean_btnWrap{padding-top:5em;text-align:center} .clean_btnWrap .btn{display:inline-block;padding:10px 50px;border-radius: 25px;background-color:#318de7;font-size:1.25em;font-weight:600;color:#fff} .clean_btnWrap .btn i{margin-right:5px;vertical-align:bottom} .clean_btnWrap .btn:hover{background-color:#005cb6} .clean_btnWrap>a + a{margin-left:10px} #sub_clean1 .clean1_1 p{padding-bottom:20px} #sub_clean1 .clean1_1 .dot_list1{padding-bottom:20px} #sub_clean2 .clean2_4 .step{margin-top:30px} #sub_clean2 .clean2_4 .step li{float:left;position:relative;width:28%;margin-left:8%;margin-bottom:1%;text-align:center} #sub_clean2 .clean2_4 .step li:nth-child(3n+1){clear:both;margin-left:0} #sub_clean2 .clean2_4 .step .tit {padding:20px 5px;border:1px solid #555;border-radius:10px 10px 0 0;font-weight:600;font-size:18px} #sub_clean2 .clean2_4 .step .txt {position:relative;min-height:100px;padding:20px 10px;border:1px solid #ccc;border-width:0 1px 1px;border-radius:0 0 10px 10px;background-color:#f2f2f2} #sub_clean2 .clean2_4 .step>li:before{content:"";display:block;position:absolute;left:-18%;top:45%;width:15px;height:15px;border-right:3px solid #333;border-bottom:3px solid #333;transform:rotate(-45deg);} #sub_clean2 .clean2_4 .step li:nth-child(3n+1):before{display:none} #sub_clean4 .clean2_5.clean_btnWrap{padding-top:5em} #sub_clean3 .clean3_4.clean_btnWrap .btn{padding:10px 35px} #sub_clean4 .clean4_4 .step{margin-top:30px} #sub_clean4 .clean4_4 .step li{float:left;position:relative;width:28%;margin-left:8%;margin-bottom:1%;text-align:center} #sub_clean4 .clean4_4 .step li:nth-child(3n+1){clear:both;margin-left:0} #sub_clean4 .clean4_4 .step .tit {padding:20px 5px;border:1px solid #555;border-radius:10px 10px 0 0;font-weight:600;font-size:18px} #sub_clean4 .clean4_4 .step .txt {position:relative;min-height:50px;padding:20px 0;border:1px solid #ccc;border-width:0 1px 1px;border-radius:0 0 10px 10px;background-color:#f2f2f2} #sub_clean4 .clean4_4 .step>li:before{content:"";display:block;position:absolute;left:-18%;top:45%;width:15px;height:15px;border-right:3px solid #333;border-bottom:3px solid #333;transform:rotate(-45deg);} #sub_clean4 .clean4_4 .step li:nth-child(3n+1):before{display:none} #sub_clean4 .clean4_5.clean_btnWrap{padding-top:5em} #sub_clean5 .clean5_4 .step{margin-top:30px} #sub_clean5 .clean5_4 .step li{float:left;position:relative;width:21%;margin-left:5%;margin-bottom:1%;text-align:center} #sub_clean5 .clean5_4 .step li:nth-child(4n+1){clear:both;margin-left:0} #sub_clean5 .clean5_4 .step .tit {padding:20px 5px;border:1px solid #555;border-radius:10px 10px 0 0;font-weight:600;font-size:18px} #sub_clean5 .clean5_4 .step .txt {position:relative;min-height:50px;padding:20px 0;border:1px solid #ccc;border-width:0 1px 1px;border-radius:0 0 10px 10px;background-color:#f2f2f2} #sub_clean5 .clean5_4 .step>li:before{content:"";display:block;position:absolute;left:-18%;top:45%;width:15px;height:15px;border-right:3px solid #333;border-bottom:3px solid #333;transform:rotate(-45deg);background-color:transparent;} #sub_clean5 .clean5_4 .step li:nth-child(4n+1):before{display:none} #sub_clean5 .clean5_5.clean_btnWrap{padding-top:5em} /* #sub_sitemap #scon{max-width:1200px;width:100%} */ #sub_sitemap #scon #location .path li{display:none} #sub_sitemap #scon #location .path li:first-child{display:block} #sub_sitemap #sitemap div{float:left;width:15%;margin-left:2%} #sub_sitemap #sitemap div:first-child{clear:both;margin-left:0} #sub_sitemap #sitemap h4{display:block;margin:20px 0 0;padding:14px 5px;border:1px solid #acb0bb;background:none;color:#384049;font-size:18px;font-weight:600;line-height:20px;text-align:center} #sub_sitemap #sitemap ul{margin-top:15px} #sub_sitemap #sitemap ul ul{margin:0;border-top:1px solid #eee} #sub_sitemap #sitemap ul ul li:last-child{border-bottom:0} #sub_sitemap #sitemap li{border-bottom:1px solid #eee;line-height:3;text-align:left} #sub_sitemap #sitemap li li{position:relative;margin:0;padding-left:30px;color:#888;list-style:none;line-height:2.5;text-align:left} #sub_sitemap #sitemap li li:before{position:absolute;left:18px;top:10px;display:inline-block;content:"";width:3px;height:3px;background-color:#888} #sub_sitemap #sitemap li li a{display:block;color:#888} #sub_privacy #contents li li{padding-left:15px} #sub_privacy #contents dd{padding-left:15px} #sub_privacy #contents table.tbl4{margin:5px 0} #sub_search #scon{max-width:1200px;width:100%} #sub_search #scon h3:first-child{display:none} #sub_search #scon #location .path li{display:none} #sub_search #scon #location .path li:first-child{display:block} #sub_login #scon{max-width:1200px;width:100%} #sub_login #scon h3:first-child{display:none} #sub_login #scon #location .path li{display:none} #sub_login #scon #location .path li:first-child{display:block} #sub_mypage #scon{max-width:1200px;width:100%} #sub_mypage #scon h3:first-child{display:none} #sub_mypage #scon #location .path li{display:none} #sub_mypage #scon #location .path li:first-child{display:block} /* footer */ footer{clear:both} footer .ft_bnr{display:none} footer .fnb{clear:both;background-color:#4c4e55} footer .fnb li{float:left;font-size:13px;line-height:1;color:#fff} footer .fnb li a{display:block;padding:22px 10px;line-height:1;color:#fff} footer .fnb li:first-child a{padding-left:0} footer .fnb .container{position:relative} footer .fnb #btn_top{position:absolute;right:0;line-height:1} footer .fnb #btn_top a{padding:0;background-color:#222;line-height:1} footer .copyright{clear:both;padding:40px 0;font-size:14px;color:#555;text-align:center} footer .copyright span{padding-right:7px} .table-box{overflow:hidden;margin-bottom:20px;margin:0 auto 20px;border-radius:4px;border:1px solid #ddd;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)} .table-box .table-heading{position:relative;padding:10px 15px;border-top-right-radius:3px;border-top-left-radius:3px;background-color:#f5f5f5;font-size:14px;color:#333} .table-body textarea{width:95%;margin-top:10px;padding:15px;background-color:#f7f7f7;font-size:12px} .table{width:100%;border-collapse:collapse;border-spacing:0} .table-body{width:100%;border-collapse:collapse;border-spacing:0} .table-body .msg_content{padding:30px;border-top:1px solid #ddd} .table-footer{overflow:hidden;padding:10px 15px;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background-color:#f5f5f5} .table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;border-top:1px solid #ddd;line-height:1.42857143;vertical-align:top} .table-body>thead>tr>th,.table-body>tbody>tr>th,.table-body>tfoot>tr>th,.table-body>thead>tr>td,.table-body>tbody>tr>td,.table-body>tfoot>tr>td{padding:8px;border-top:1px solid #ddd;line-height:1.42857143;vertical-align:top} .view-all{float:right;position:absolute;top:10px;right:0;width:75px} .table>tbody:last-child{border-bottom:1px solid #ccc} .table>thead{border-top:2px solid #000} .thumbnail{display:block;margin-bottom:10px;padding:4px;border:1px solid #ddd;border-radius:4px;background-color:#fff;line-height:1.42857143;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .thumbnail>img,.thumbnail a>img{display:block;max-width:100%;margin-left:auto;margin-right:auto} .register{width:700px;margin:0 auto} .group{overflow:hidden} .checkbox{padding-top:5px} .modal{position:relative;width:600px;margin:30px auto;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0} .modal-header{min-height:16.42857143px;padding:15px;border-bottom:1px solid #e5e5e5} .modal-body{position:relative;padding:20px} .modal-body li{display:inline-block} .modal-body form li{display:block} .modal-footer{margin-top:15px;padding:19px 20px 20px;border-top:1px solid #e5e5e5;text-align:right} .close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)} .modal-title{margin:0;line-height:1.42857143} .modal .modal-body .profile-info{overflow:hidden} /* left */ .left{float:left;width:830px;margin-right:20px} .container h3{} .table-bottom{overflow:hidden} .pagination{margin:15px auto;text-align:center} .pagination .active{display:inline-block;margin:0 2px;padding:0 7px;border:1px solid #ddd;background-color:#428bca;line-height:20px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset} .pagination .active a{font-weight:bold;color:#fff} .pagination li{display:inline-block;margin:0 2px;padding:0 7px;border:1px solid #ddd;background-image:-moz-linear-gradient(center top, #fff, #E0E0E0);font-size:12px;line-height:20px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset} .pagination a{font-size:12px} .pagination li:hover{background-color:#428bca} .pagination li:hover a{color:#fff} .table-answer{padding:20px} .nav{height:40px;padding-left:0;list-style:none} .nav>li{display:block;position:relative} .nav>li>a{display:block;position:relative;padding:10px 15px} .nav > li > a:hover,.nav > li > a:focus{background-color:#eee;text-decoration:none} .nav-tabs{height:39px;margin-bottom:20px;border-bottom:1px solid #ddd} .nav-tabs>li{float:left;margin-bottom:-1px} .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{border:1px solid #ddd;border-bottom-color:transparent;background-color:#fff;color:#555;cursor:default} .nav-tabs>li>a{margin-right:2px;border:1px solid transparent;border-radius:4px 4px 0 0;line-height:1.42857143} .media{clear:both;margin-top:20px} .media-left,.media>.pull-left{padding-right:10px} .media-body{width:10000px} .media-body,.media-left,.media-right{display:table-cell;vertical-align:top} .media-right,.media>.pull-right{width:50px;padding-left:10px;text-align:right;vertical-align:middle} .media-heading{overflow:hidden;font-size:14px;font-weight:bold} .media-body .media-info{padding-top:5px;font-size:11px;color:#666} .media-body .media-info span{padding-right:10px} .colgroup{padding:70px 0;background:url(/assets/images/sub/svisual.jpg) no-repeat center top} .help-block{display:block;margin-top:5px;font-size:12px;color:#737373} .nopost{padding:120px 0 !important;text-align:center} .latest_comment_count{margin-left:5px;font-size:11px;font-weight:bold;color:#F70} .highlight{font-weight:bold;color:#7519FF} /* Sideview */ #nameContextMenu{z-index:10000;padding:4px 8px 6px;background-color:#000;color:#fff} #nameContextMenu a{display:block;font-size:12px;line-height:20px;color:#fff} #nameContextMenu a:hover{color:#f00} #nameContextMenu td{border:0 !important} .alert{margin-bottom:20px;padding:15px;border:1px solid transparent;border-radius:4px} .alert h4{margin-top:0;color:inherit} .alert .alert-link{font-weight:bold} .alert > p,.alert > ul{margin-bottom:0} .alert > p + p{margin-top:5px} .alert-dismissible,.alert-dismissible{padding-right:35px} .alert-dismissible .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit} .alert-success{border-color:#d6e9c6;background-color:#dff0d8;color:#3c763d} .alert-success hr{border-top-color:#c9e2b3} .alert-success .alert-link{color:#2b542c} .alert-info{border-color:#bce8f1;background-color:#d9edf7;color:#31708f} .alert-info hr{border-top-color:#a6e1ec} .alert-info .alert-link{color:#245269} .alert-warning{border-color:#faebcc;background-color:#fcf8e3;color:#8a6d3b} .alert-warning hr{border-top-color:#f7e1b5} .alert-warning .alert-link{color:#66512c} .alert-danger{border-color:#ebccd1;background-color:#f2dede;color:#a94442} .alert-danger hr{border-top-color:#e4b9c0} .alert-danger .alert-link{color:#843534} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　　　　　 Table 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ /* 연혁 */ table.history{width:100%;margin-top:20px;border-collapse:collapse;border-top:#404040 solid 2px} table.history caption{display:none} table.history th,table.history td{padding:22px 10px;border-bottom:#a1a1a1 solid 1px;line-height:25px;vertical-align:middle} table.history td.text{position:relative;padding:22px 10px 22px 32px} table.history td.text:after{display:block;position:absolute;left:0;bottom:-1px;width:30px;height:1px;background-color:#fff;content:''} table.history th{font-size:25px;font-weight:600;color:#000;text-align:left;vertical-align:top} table.history td.date{font-size:17px;color:#0060aa} table.history td.text{font-size:15px;color:#555} table.history .col1{width:15%} table.history .col2{width:25%} /* tbl1 */ table.tbl1{width:100%;border-collapse:collapse;border-top:#4a4a4a solid 3px} table.tbl1 caption{display:none} table.tbl1 tr{} table.tbl1 th,table.tbl1 td{padding:16px 10px;border:1px solid #babcbe;text-align:center;vertical-align:middle} table.tbl1 td.vertical_top{vertical-align:top} table.tbl1 td{background-color:#fff} table.tbl1 th,table.tbl1 td a{color:#555} table.tbl1 thead,table.tbl1 tfoot{font-weight:normal;color:#000} table.tbl1 thead th,table.tbl1 tfoot th{background:#fbfbfb;font-weight:600;color:#000;text-align:center;vertical-align:middle} table.tbl1 thead.alt th,table.tbl1 tfoot.alt th{font-weight:normal} table.tbl1 tbody td.f11{font-size:11px} table.tbl1 tbody td.f13{font-size:13px} table.tbl1 tbody th{font-weight:600;color:#333;text-align:center} table.tbl1 th{background:#fff;font-weight:normal;text-align:inherit} table.tbl1 tbody tr:first-child th,table.tbl1 tbody tr:first-child td{border-top:none} table.tbl1 th:first-child,table.tbl1 td:first-child{border-left:none} table.tbl1 th:last-child,table.tbl1 td:last-child{border-right:none} table.tbl1 th.text-left,table.tbl1 td.text-left{text-align:left} table.tbl1 tr:hover th,table.tbl1 tr:hover td{background-color:#fafafa} table.tbl1.th-fa thead th{background:#f0f0f0} table.tbl1.th-fa tbody th{background:#fafafa} /* tbl2 */ table.tbl2{width:100%;border-collapse:collapse;border-top:#4a4a4a solid 3px} table.tbl2 caption{display:none} table.tbl2 tr{} table.tbl2 th,table.tbl2 td{padding:16px 10px;border:1px solid #babcbe;text-align:left;vertical-align:middle} table.tbl2 td.vertical_top{vertical-align:top} table.tbl2 td{background-color:#fff} table.tbl2 th,table.tbl2 td a{color:#555} table.tbl2 thead,table.tbl2 tfoot{font-weight:normal;color:#000} table.tbl2 thead th,table.tbl2 tfoot th{background:#fbfbfb;font-weight:600;color:#000;text-align:center;vertical-align:middle} table.tbl2 thead.alt th,table.tbl2 tfoot.alt th{font-weight:normal} table.tbl2 tbody td.f11{font-size:11px} table.tbl2 tbody td.f13{font-size:13px} table.tbl2 tbody th{font-weight:600;color:#333;text-align:center} table.tbl2 th{background:#fafafa;font-weight:normal;text-align:inherit} table.tbl2 tbody tr:first-child th,table.tbl2 tbody tr:first-child td{border-top:none} table.tbl2 th:first-child,table.tbl2 td:first-child{border-left:none} table.tbl2 th:last-child,table.tbl2 td:last-child{border-right:none} table.tbl2 th.text-center,table.tbl2 td.text-center{text-align:center} table.tbl2 th.text-left,table.tbl2 td.text-left{text-align:left} table.tbl2 tr:hover th,table.tbl2 tr:hover td{background-color:#fafafa} /* tbl3 */ table.tbl3{width:100%;border-collapse:collapse;border-top:#4a4a4a solid 3px} table.tbl3 caption{display:none} table.tbl3 tr{} table.tbl3 th,table.tbl3 td{padding:5px 5px;border:1px solid #ddd;font-size:13px;text-align:center;vertical-align:middle} table.tbl3 td.vertical_top{vertical-align:top} table.tbl3 td{background-color:#fff} table.tbl3 th,table.tbl3 td a{color:#555} table.tbl3 thead,table.tbl3 tfoot{font-weight:normal;color:#000} table.tbl3 thead th,table.tbl3 tfoot th{background:#fbfbfb;font-weight:600;color:#000;text-align:center;vertical-align:middle} table.tbl3 thead.alt th,table.tbl3 tfoot.alt th{font-weight:normal} table.tbl3 tbody th{font-weight:600;color:#333;text-align:center} table.tbl3 th{background:#fafafa;font-weight:normal;text-align:inherit} table.tbl3 tbody tr:first-child th,table.tbl3 tbody tr:first-child td{border-top:none} table.tbl3 th.text-left,table.tbl3 td.text-left{text-align:left} table.tbl3 tr:hover th,table.tbl3 tr:hover td{background-color:#fafafa} /* tbl4 */ table.tbl4{width:100%;border-collapse:collapse;border-top:#4a4a4a solid 3px} table.tbl4 caption{display:none} table.tbl4 tr{} table.tbl4 th,table.tbl4 td{padding:10px 10px;border:1px solid #ddd;text-align:center;vertical-align:middle} table.tbl4 td.vertical_top{vertical-align:top} table.tbl4 td{background-color:#fff} table.tbl4 th,table.tbl4 td a{color:#555} table.tbl4 th{background:#fafafa;font-weight:normal;text-align:inherit} table.tbl4 thead,table.tbl4 tfoot{font-weight:normal;color:#000} table.tbl4 thead th,table.tbl4 tfoot th{border-bottom-color:#babcbe;background:#f0f0f0;font-weight:600;color:#000;text-align:center;vertical-align:middle} table.tbl4 tfoot td{border-bottom-color:#babcbe;background:#f0f0f0} table.tbl4 thead.alt th,table.tbl4 tfoot.alt th{font-weight:normal} table.tbl4 tbody td.f11{font-size:11px} table.tbl4 tbody td.f13{font-size:13px} table.tbl4 tbody th{font-weight:600;color:#333;text-align:center} table.tbl4 tbody tr:first-child th,table.tbl4 tbody tr:first-child td{border-top:none} table.tbl4 th:first-child,table.tbl4 td:first-child{border-left:none} table.tbl4 th:last-child,table.tbl4 td:last-child{border-right:none} table.tbl4 th.text-center,table.tbl4 td.text-center{text-align:center} table.tbl4 th.text-left,table.tbl4 td.text-left{text-align:left} table.tbl4 tr:hover th,table.tbl4 tr:hover td{background-color:#fafafa} table.tbl4 tbody tr:last-child th,table.tbl4 tbody tr:last-child td{border-bottom-color:#babcbe;} table.tbl4 th.bdc-babcbe,table.tbl4 td.bdc-babcbe{border-bottom-color:#babcbe} table.tbl4 tfoot td:first-child{border-left-color:#babcbe} table.tbl4 tfoot th:last-child{border-right-color:#babcbe} table.tbl4 .tr1 th,table.tbl4 .tr1 td{background-color:#fafafa;font-weight:600} table.tbl4 tfoot .tr1 th,table.tbl4 tfoot .tr1 td{background-color:#f0f0f0;font-weight:600} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　　　　 Tab 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ .scontab1{overflow:hidden;clear:both} .scontab1 .tabMnu{display:block;height:48px;margin-bottom:20px;border-bottom:3px solid #4a4a4a} .scontab1 .tabMnu li{width:100%;height:45px;float:left;margin-left:-1px;border:1px solid #d5d5d5;border-bottom:0;background-color:#fafafa;text-align:center} .scontab1 .tabMnu li:first-child{margin-left:0} .scontab1 .tabMnu li.active{position:relative;z-index:2;height:49px;border:3px solid #4a4a4a;border-bottom:3px solid #fff;background-color:#fff} .scontab1 .tabMnu.tabMnu2{margin-right:-1px} .scontab1 .tabMnu.tabMnu3{margin-right:-2px} .scontab1 .tabMnu.tabMnu4{margin-right:-3px} .scontab1 .tabMnu.tabMnu5{margin-right:-4px} .scontab1 .tabMnu.tabMnu6{margin-right:-5px} .scontab1 .tabMnu.tabMnu2 li{width:50%} .scontab1 .tabMnu.tabMnu3 li{width:33.3333%} .scontab1 .tabMnu.tabMnu4 li{width:25%} .scontab1 .tabMnu.tabMnu5 li{width:20%} .scontab1 .tabMnu.tabMnu6 li{width:16.6666%} .scontab1 .tabMnu li a{display:block;height:45px;font-size:15px;line-height:43px} .scontab1 .tabMnu li.active a{font-weight:600;color:#111} .scontab1 .tabCon{display:none} .scontab1 .tabCon.active{display:block} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　　　　 imgVew 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ .imgVew{clear:both} .imgVew .imgBig{clear:both;margin-bottom:10px;border:1px solid #ddd;line-height:0} .imgVew .imgLst{margin:0 -1px} .imgVew .imgLst li{float:left;width:100%;padding:1px;line-height:0;cursor:pointer} .imgVew .imgLst li img{display:block;padding:0;border:1px solid #f0f0f0} .imgVew .imgLst li.active img{border:1px solid #555} .imgVew .imgLst.imgLst2 li{width:50%} .imgVew .imgLst.imgLst3 li{width:33.3333%} .imgVew .imgLst.imgLst4 li{width:25%} .imgVew .imgLst.imgLst5 li{width:20%} .imgVew .imgLst.imgLst6 li{width:16.6666%} .imgVew .imgLst.imgLst7 li{width:14.2857%} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　　　　 dot_list 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ .dot_list1{margin:0;padding:0} .dot_list1 li{position:relative;margin:0;padding:0 0 0 12px;list-style:none;line-height:1.7;text-align:left} .dot_list1 li:before{position:absolute;left:0;top:11px;display:inline-block;content:"";width:4px;height:4px;background-color:#555} .dot_list1 ul li:before{position:absolute;left:0;top:12px;display:inline-block;content:"";width:5px;height:1px;background-color:#555} /* .dot_list1 ul ul li:before{position:absolute;left:2px;top:12px;display:inline-block;content:"";width:6px;height:6px;background:url(/assets/images/common/dot1.gif) no-repeat left top} .dot_list1 ul,ul.dot_list1 ul ul,ul.dot_list1 ul ul ul{margin:0;padding:0 0 5px 0} */ .lst_num1{display:block;counter-reset:lst_num1} .lst_num1 li{position:relative;margin-bottom:10px;padding-left:30px;font-size:1.125em;font-weight:600;color:#333;line-height:150%} .lst_num1 li:before{display:block;position:absolute;top:0;left:0;border-radius:100%;font-weight:bold;color:#333;text-align:center;counter-increment:lst_num1;content:"0"counter(lst_num1)". "} .lst_num1 li li{position:relative;margin:0;padding:0 0 0 12px;font-size:0.889em;font-weight:normal;list-style:none;line-height:1.7;text-align:left} .lst_num1 li li:before{position:absolute;left:0;top:11px;display:inline-block;content:"";width:4px;height:4px;background-color:#555;counter-increment:lst_num} .lst_num1 li li li{position:relative;margin:0;padding:0 0 0 12px;list-style:none;font-size:1em;line-height:1.7;text-align:left} .lst_num1 li li li:before{position:absolute;left:0;top:11px;display:inline-block;content:"";width:4px;height:1px;background-color:#555} li.lst_none{list-style:none;padding-left:0 !important} li.lst_none:before{display:none !important} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　 　　　 box 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ .box1{position:relative;display:block;margin:10px auto 20px;padding:14px 30px;clear:both;overflow:hidden;*zoom: 1;border:1px solid #c0d6f3;background-color:#f7fdff;border-radius:6px;color:#4270a9} .box2{position:relative;display:block;margin:10px auto 20px;padding:14px 30px;clear:both;overflow:hidden;*zoom: 1;border:1px solid #ccc;background-color:#fafafa} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　　　　 H3~H6 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ .colgroup h2{display:none;margin-bottom:20px;font-family:'NanumMyeongjo';font-size:32px;font-weight:400;color:#fff;letter-spacing:-.05em;text-align:center} #contents h3{margin-bottom:50px;border-bottom:1px solid #f0f0f0;font-size:30px;font-weight:600;color:#111;letter-spacing:-.05em;text-align:center} #contents h3 em{display:block;padding-bottom:25px;font-size:14px;color:#898989;letter-spacing:-.05em} #contents h4,#contents .h4{width:auto; height:auto; margin:50px 0 20px; padding:0 0 0 28px; background:url(/assets/images/common/h4.png) no-repeat left 6px;color:#000; font-size:25px; font-weight:600} #contents h5,#contents .h5{width:auto; height:auto; margin:40px 0 15px; padding:0 0 0 28px; background:url(/assets/images/common/h5.png) no-repeat left 3px;color:#1e3c7f; font-size:17px; font-weight:600;letter-spacing:-.07em} /* h6, .h6{width:auto; height:auto; margin:9px 0 8px 30px; padding:0 0 0 18px; background:url(/assets/images/common/h6.png) no-repeat left 6px; color:#000; font-size:16px; font-weight:400;} */ h3 + h4{margin-top:0} #snb + h4{margin-top:0} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　　　　 게시판 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ .board .table-image li{width:22%;margin-right:4%;padding-bottom:20px} .board .table-image li:nth-child(4n+4){margin-right:0} .board .table-image li:nth-child(4n+1){clear:both} .board .gallery-box .label{display:none} .board .gallery-box .thumbnail{padding:0} .board .is_info{padding-top:5px} .board .is_name,.board .is_name a{font-size:11px;color:#898989} .board .hit-count{float:right;font-size:11px;color:#898989} .board .hit-count i{display:none} .board .table tr:hover{background-color:#fafafa} #contents .board h3{padding-bottom:20px;font-size:24px} #boLst .col0{width:3%} #boLst .col1{width:10%} #boLst .col2{width:auto} #boLst .col3{width:10%;min-width:70px} #boLst .col4{width:10%;min-width:70px} #boLst .col5{width:10%;min-width:70px} #boLst.table th{text-align:center} #boLst.table th,#boLst.table td{padding:16px 10px;text-align:center} #boLst.table th.text-left,#boLst.table td.text-left{text-align:left} #boLst.table caption{display:none} /* ############################################################################ */ /* 　　　　　　　　　　　　　　　　　　　　　　　　　　반응형 　　　　　　　　　　　　　　　　　　　　　　　　　　　 */ /* ############################################################################ */ @media all and (max-width:959px){ .wrapper{min-width:auto;width:100%} header{height:60px;padding-left:15px} header .header-top{display:none} .navbar{height:60px;line-height:60px} .logo{height:60px;padding-top:10px} .menu{display:none} .allmnuBtn{display:block} footer .fnb{padding:0 15px} #lnb{display:none} #scon{float:none;width:100%} .colgroup{padding:20px 0} .colgroup h2{display:block} #location .sns{display:none} #allmnu{} #allmnu li{position:relative;} #allmnu li a{display:block;padding:20px 0 20px 5%;border-bottom:1px solid #556999;font-size:18px;line-height:22px;color:#fff;text-align:left} #allmnu li a:hover,#allmnu li:hover a{background-color:#0063c0;font-weight:600} #allmnu li li a{display:block;padding:10px 0 10px 5%;border-bottom:1px solid #00487f;background-color:#003e6d;font-size:16px;line-height:20px;color:#ddd;text-align:left} #allmnu li:hover li a{background-color:#003e6d;font-weight:400} #allmnu li li:hover a,#allmnu li:hover li:hover a{background-color:#000;font-weight:400;color:#fff} #allmnu li ul:before{display:block;position:absolute;top:20px;right:20px;width:22px;height:22px;background:url(/assets/images/allmnu_plus.png) no-repeat right top;content:""} #allmnu li:hover ul:before{background:url(/assets/images/allmnu_minus.png) no-repeat right top;} #allmnu li ul li{display:none} #allmnu li:hover ul li{display:block} .allmnuWrap #header_search_allmenu{display:block;padding:10px 0 10px 5%;} .allmnuWrap #header_search_allmenu input{height:38px;} .allmnuWrap #header_search_allmenu button{width:40px;height:40px;margin-left:5px;phttp://mail.gnrobot.or.kr/member/loginadding:3px 8px;background:none;background-color:#000;line-height:1.4285;text-indent:0} .allmnu_robotland{display:block;padding:20px 0 20px 5%;border-bottom:1px solid #556999;font-size:18px;line-height:22px;color:#fff;text-align:left;} .allmnu_robotland:hover{background-color:#0063c0;font-weight:600;color:#fff} #visual .visual_img{width:100%} #visual .visual_img img{max-width:959px} #visual .visual_img .visual_txt img{max-width:770px;margin-top:-70px} #visual .visual_pager{position:relative;top:0;z-index:3;width:100%;text-align:center} #visual .visual_dot{position:relative;bottom:90px;padding:3%;background-color:#000;} #visual .visual_dot li{padding:0} #visual .visual_dot li img{max-width:80%} #visual .visual_dot li a{font-size:15px} #visual .visual_pager_bg{display:none} #minfo{margin:-80px auto 30px;padding:0 15px} #minfo #mPopup{padding-left:0} #mPopup .mpopup_ctrl .mpopup_number{display:none} #minfo #mPopup .mpopup_ctrl{float:none;position:absolute;top:0;right:0;width:150px;margin-top:0} #minfo #mPopup .mpopup_ctrl .popup_count{line-height:34px} #mgalleryvideo{height:auto;background:none;background-color:#f5f5f5} #mgalleryvideo .mgalleryvideo_bg{} #mgalleryvideo #mGallery .mgallery_con{padding:0px 20px 30px} #mgalleryvideo #mGallery{padding-top:0} #mgalleryvideo #mGallery h3{margin-left:15px} #mgalleryvideo #mGallery .mgallery_subject{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #mgalleryvideo #mVideo{float:right;padding-top:30px} #mCompany{padding:40px 15px} #mCompany h2{font-size:48px} #mCompany h2 em{font-size:20px} #mCompany .mcompany_txt{padding-top:30px} #mCompany ul{margin-top:30px} #mCompany li{width:15%;margin-right:2%;text-align:center} #mCompany li:last-child{margin-right:0} #mLease{padding:40px 15px} #mBanner{padding:20px 15px} #sub_robotland4 .robotland4_01 li{width:25%;font-size:15px} #sub_sitemap #scon{width:100%} #sub_search #scon{width:100%} #sub_login #scon{width:100%} #sub_grf1 .grf1_box h1 img{top:0;width:350px;display:block;margin:0 auto;margin-top:10px;} footer .ft_bnr{display:block;background-color:#ffff00;text-align:center;line-height:0} /*20200526 시작*/ .h{height:167px;} /*20200526 끝*/ } @media all and (max-width:939px){ #mNews .mNews_con{padding-top:20px} #mNews .tab{padding-top:7px;font-size:14px;line-height:16px} #mNews .tabs li br{display:block} #mNews .on .mNews_con li{height:28px} #mNews .on .mNews_con li .mNews_subject{font-size:14px} #mNews .mNews_more{width:9%} #mLease li .mlease_subject{font-size:13px} #mBanner .mbanner_ctrl{width:17%} #mBanner .owl-carousel{width:83%} #contents{min-height:350px;padding:20px 20px 0} #sub_robotland2 .robotland2_03 li{width:50%;margin:0 auto 20px} #sub_robotland2 .robotland2_03 li:nth-child(4n+3):before{left:50%;top:-20px;width:1px;height:20px} #sub_robotland2 .robotland2_03 li:nth-child(4n+4):after{display:block;position:absolute;left:50%;top:-20px;width:1px;height:20px;background-color:#dfdfdf;content:""} #sub_rnd3 .rnd3_01 ul li{width:50%;margin:0 auto 20px} #sub_rnd3 .rnd3_01 ul li:nth-child(4n+3):before{left:50%;top:-20px;width:1px;height:20px;} #sub_rnd3 .rnd3_01 ul li:nth-child(4n+4):after{display:block;position:absolute;left:50%;top:-20px;width:1px;height:20px;background-color:#dfdfdf;content:""} #sub_rnd3_2 .rnd3_01 ul li{width:50%;margin:0 auto 20px} #sub_rnd3_2 .rnd3_01 ul li:nth-child(4n+3):before{left:50%;top:-20px;width:1px;height:20px;} #sub_rnd3_2 .rnd3_01 ul li:nth-child(4n+4):after{display:block;position:absolute;left:50%;top:-20px;width:1px;height:20px;background-color:#dfdfdf;content:""} #sub_grf6 .grf6_bus li{float:none;width:100%} #sub_grf6 .grf6_bus li:nth-child(2n+1){border-right:0} #sub_sitemap #sitemap div{width:30%;margin-left:4%} #sub_sitemap #sitemap div:nth-child(3n+1){clear:both;margin-left:0} } @media all and (max-width:880px){ .clean_btnWrap.rnd_06_1 a.btn{left:230px;font-size:1.05em;} } @media all and (max-width:820px){ .clean_btnWrap.rnd_06_1 a.btn{left:200px;} } @media all and (max-width:800px){ #organization .cell.grade6 ul li p.tit, #organization .cell.grade6 ul li a.tit{width:90%;padding:25px 5px 17px;letter-spacing:-.05em} #organization .cell.grade6 ul li:last-child p.tit, #organization .cell.grade6 ul li:last-child a.tit{padding-top:17px} } @media all and (max-width:775px){ .clean_btnWrap.rnd_06_1 a.btn{left:180px;bottom:55px;} } @media all and (max-width:760px){ #sub_clean5 .clean5_4 .step li:nth-child(n){clear:both;float:none;width:100%;margin-left:0;margin: 1% 0 30px;} #sub_clean5 .clean5_4 .step .tit {padding:10px 5px;font-size:15px} #sub_clean5 .clean5_4 .step .txt {min-height:40px;padding:10px 0} #sub_clean5 .clean5_4 .step>li:before{left:50% !important;top:-22px;width:10px;height:10px;margin-left:-10px;transform: rotate(45deg)} #sub_clean5 .clean5_5.clean_btnWrap{padding-top:0} } @media all and (max-width:720px){ .hidden-md{display:none} #boLst .col3{width:11%} #boLst .col4{width:11%} #visual .visual_img img{max-width:800px} #visual .visual_img .visual_txt img{max-width:65%;margin-top:-20px} #visual .visual_dot{bottom:70px;padding:2%} #visual .visual_dot li a{font-size:14px} #visual .visual_dot li img{width:50%} #visual #visual_btn i{color:rgba(255,255,255,.5)} #mNews .tab{padding-top:0;line-height:48px} #mNews .tabs li br{display:none} #minfo{margin:-40px auto 30px} #minfo h2{margin-bottom:30px} #minfo #mNews{clear:both;float:none;width:100%;height:310px;padding-right:0} #minfo #mNews:after{display:block;clear:both;content:''} #minfo #mPopup{position:relative;clear:both;float:none;width:100%;padding-left:0} #minfo #mPopup .bx-wrapper{width:100%} #mCompany h2{font-size:48px} #mCompany h2 em{font-size:20px} #mLease li{padding-bottom:50px} #mLease li .mlease_subject{font-size:12px} #mLease li .mlease_subject strong{font-size:16px} #mLease li .mlease_subject br{display:block} #mLease li:hover{background-color:rgba(0,32,80,1)} #mLease li:first-child:hover .mlease_subject{background-color:rgba(249,83,25,1)} #mBanner{padding:15px} #mBanner .mbanner_ctrl{clear:both;float:none;width:110px;margin-bottom:5px} #mBanner .mbanner_ctrl:after{display:block;clear:both;content:''} #mBanner .owl-carousel{clear:both;float:none;width:100%} #sub_robotland2 .robotland2_01 p{font-size:26px} #sub_robotland2 .robotland2_02 li{float:none;width:100% !important} #sub_robotland2 .robotland2_02 li:before{margin:20px auto 20px} #sub_robotland2 .robotland2_02 li br{display:none} #sub_robotland4 .robotland4_01 li{width:33.333%;font-size:15px} #sub_robotland4 .robotland4_02{vertical-align:middle} #sub_robotland4 .robotland4_02 table.tbl1{width:50%;min-height:auto;vertical-align:middle} #sub_robotland4 .robotland4_02 img{width:49%;vertical-align:middle} #sub_rnd1 .rnd02 .rnd02_tit{clear:both;display:block;float:none;width:200px;height:40px;background:none;background-color:#333;color:#fff;margin:30px auto 30px;padding:0;line-height:40px;text-align:center} #sub_rnd1 .rnd02 .rnd02_tit:after{clear:both;display:block;width:1px;height:20px;margin:5px auto;background-color:#aaa;content:""} #sub_rnd1 .rnd03_01{clear:both;float:none;width:100%} #sub_rnd1 .rnd03_02{clear:both;float:none;width:100%} #sub_rnd1 .rnd03_03{clear:both;float:none;width:100%} #sub_rnd1 .rnd03_01 p{font-size:18px} #sub_rnd1 .rnd03_02 ul li{font-size:16px} #sub_rnd1 .rnd03_03 ul li li br{display:none} #sub_rnd1 .rnd2 table.tbl1{min-height:210px} #sub_rnd1 .rnd2_img{min-height:210px} #sub_rnd2 .rnd2 table.tbl1{min-height:210px} #sub_rnd2 .rnd2_img{min-height:210px} #sub_cc1 .cc1_02_left_wrap{float:none;width:300px;margin:30px auto} #sub_cc1 .cc1_02_right{width:250px;float:none;margin:0 auto} #sub_cc1 .cc1_02_right ul li:nth-child(2),#sub_cc1 .cc1_02_right ul li:nth-child(6){margin-left:0} #sub_cc1 .cc1_02_right ul li:nth-child(3),#sub_cc1 .cc1_02_right ul li:nth-child(5){margin-left:0} #sub_cc1 .cc1_02_right ul li:nth-child(4){margin-left:0} #sub_themepark1 .tabCon .pull{display:block} #sub_themepark1 .themepark1_04 .pull-left{display:block;float:none !important;width:100%} #sub_themepark1 .themepark1_04 .pull-right{display:block;float:none !important;width:100%} #sub_grf1_2 .grf1_2_left{width:42%} #sub_grf1_2 .grf1_2_right{width:58%} #sub_grf1_2 .grf1_2_01 p{font-size:24px} #sub_grf1_2 .grf1_2_01 p:first-child{padding-bottom:15px} #sub_grf1_2 .grf1_2_01:after{margin:10px 0 20px} #sub_grf1_2 p{padding-top:20px;line-height:1.5} #sub_grf2 .grf2_01 .grf2_01_txt em{display:block} #sub_grf2 .grf2_02_lst li{width:32%;margin-left:2%} #sub_grf2 .grf2_02_lst li:nth-child(3n+4){margin-left:0} #sub_grf2 .grf2_02_lst li:nth-child(n+4){margin-top:10px} #sub_grf5 .grf5_02 li .innerbox{padding-left:83px} #sub_grf5 .grf5_02 li .innerbox p{font-size:15px} #sub_publicinfo1 .publicinfo1_7>ul>li:nth-child(n){clear:both;float:none;width:100%} #contents .titbox .titbox_img{display:none} #contents .titbox .titbox_text{float:none;width:100%;padding-left:0;border-left:0} .board .table-image li:nth-child(4n+1){clear:none} .board .table-image li:nth-child(4n+4){margin-right:3%} .board .table-image li{width:31%;margin-right:3% } .board .table-image li:nth-child(3n+3){margin-right:0} .board .table-image li:nth-child(3n+1){clear:both} } @media all and (max-width:707px){ .clean_btnWrap.rnd_06_1 a.btn{left:180px;padding:5px 25px;} } @media all and (max-width:650px){ .clean_btnWrap.rnd_06_1 a.btn{left:160px;} } @media all and (max-width:620px){ .table#boLst th, .table#boLst td{padding:12px 5px} #boLst .col3{width:10%} #boLst .col4{width:10%} #contents .board h3{font-size:22px} #visual .visual_img img{max-width:700px} #visual .visual_img .visual_txt img{max-width:65%} #mgalleryvideo{padding-bottom:15px} #mgalleryvideo #mGallery{float:none;width:100%;;border-bottom:1px solid #dfdfdf} #mgalleryvideo #mGallery .mgallery_con{padding:0px 15px 30px} #mGallery li{width:32%;margin-right:2%} #mGallery li:nth-child(n+3){margin-right:0;display:block} #mGallery li:nth-child(n+4){display:none} #mgalleryvideo #mVideo{float:none;width:100%;padding-top:0;margin-left:15px} #mVideo h3{display:block;margin-top:-1px} #mVideo h3:before{display:block} #mCompany .mcompany_txt br{display:none} #mLease li{} #location li{height:35px} #location .path li{min-width:auto;padding-right:15px} #location .path li li{min-width:140px} #location .path li a{padding:0 15px;font-size:13px;line-height:35px} #location .path .path_dp2_list li a{padding:7px 15px;font-size:13px} #location .path li.home{min-width:35px} .scontab1 .tabMnu{height:45px;border-bottom:none} .scontab1 .tabMnu li{border:1px solid #d5d5d5} .scontab1 .tabMnu li.active{height:45px;border:1px solid #4a4a4a;border-bottom:1px solid #4a4a4a} .scontab1 .tabMnu li a{font-size:14px} #sub_robotland2 .robotland2_01 p br{display:block} #sub_robotland4 .robotland4_01 li{width:50%;font-size:14px} #sub_robotland4 .robotland4_02{text-align:center} #sub_robotland4 .robotland4_02 table.tbl1{width:100%;min-height:auto} #sub_robotland4 .robotland4_02 img{display:inline-block;float:none;width:60%;margin:20px auto 0} #sub_rnd1 .rnd03_03 .t01{height:45px;font-size:14px} #sub_rnd1 .rnd03_03 .t01_2{height:45px;font-size:14px} #sub_rnd1 .rnd03_03 .t01_3{height:45px;font-size:14px} #sub_rnd1 .rnd03_03 .t02{height:60px;font-size:13px} #sub_rnd1 .rnd_04_1 p.rnd_04t{font-size:16px;} #sub_rnd1 .rnd_04_1 ul li{line-height:1.5em;font-size:14px;} #sub_rnd1 .rnd_04_1 p.ttt{height:50px;padding:0;border-radius:50px;font-size:18px;line-height:50px} #sub_rnd1 .rnd_05_1 p.ttt{height:50px;padding:0;border-radius:50px;font-size:18px;line-height:50px} #sub_grf1_2 .grf1_2_01{background-size:auto 280px} #sub_grf1_2 .grf1_2_01 p{font-size:18px} #sub_grf1_2 .grf1_2_01 .grf1_2_01_1,#sub_grf1_2 .grf1_2_01 .grf1_2_01_4{font-size:48px} #sub_grf1_2 .grf1_2_01 .grf1_2_01_2{margin-top:-8%} #sub_grf1_2 .grf1_2_01 .grf1_2_01_5{margin-top:-4%;font-size:14px} #sub_grf1_2 .grf1_2_01 .grf1_2_01_6{font-size:16px} table.history th{font-size:20px} table.history td.date{padding:22px 0 22px 10px;font-size:15px} table.history td.text{padding:22px 0 22px 32px;font-size:14px} #sub_grf5 .grf5_01 li .innerbox{padding:15px} #sub_grf5 .grf5_02 li{width:50%;margin-right:0} #sub_grf5 .grf5_02 li:nth-child(3n+3){width:100%;margin-right:0} #sub_cscenter .cscenter1{min-height:120px;padding:20px 5%;background-size:auto 120px;font-size:16px} #sub_sitemap #sitemap div{width:48%} #sub_sitemap #sitemap div:nth-child(n){clear:none;margin-left:4%} #sub_sitemap #sitemap div:nth-child(2n+1){clear:both;margin-left:0} } @media all and (max-width:610px){ .clean_btnWrap.rnd_06_1 a.btn{left:150px;} } @media all and (max-width:580px){ .clean_btnWrap.rnd_06_1 a.btn{left:130px;font-size:0.9em;} } @media all and (max-width:550px){ #organization .cell.grade6 ul li p.tit, #organization .cell.grade6 ul li a.tit{min-height:115px;padding:17px 5px} #organization .cell.grade6 ul li p.tit br, #organization .cell.grade6 ul li a.tit br{display:none} #sub_clean2 .clean2_4 .step li:nth-child(n){clear:both;float:none;width:100%;margin-left:0;margin: 1% 0 30px !important;} #sub_clean2 .clean2_4 .step .tit {padding:10px 5px;font-size:15px} #sub_clean2 .clean2_4 .step .txt {min-height:40px;padding:10px 0} #sub_clean2 .clean2_4 .step>li:before{left:50% !important;top:-22px;width:10px;height:10px;margin-left:-10px;transform: rotate(45deg)} #sub_clean2 .clean2_5.clean_btnWrap{padding-top:0} #sub_clean3 .clean3_4.clean_btnWrap .btn{display:block;padding:10px 30px} #sub_clean3 .clean3_4.clean_btnWrap>a + a{margin-left:0;margin-top:10px} #sub_clean4 .clean4_4 .step li:nth-child(n){clear:both;float:none;width:100%;margin-left:0;margin: 1% 0 30px !important;} #sub_clean4 .clean4_4 .step .tit {padding:10px 5px;font-size:15px} #sub_clean4 .clean4_4 .step .txt {min-height:40px;padding:10px 0} #sub_clean4 .clean4_4 .step>li:before{left:50% !important;top:-22px;width:10px;height:10px;margin-left:-10px;transform: rotate(45deg)} #sub_clean4 .clean4_5.clean_btnWrap{padding-top:0} } @media all and (max-width:520px){ .clean_btnWrap.rnd_06_1 a.btn{display:none;} } @media all and (max-width:480px){ .hidden-sm{display:none} #boLst .col4{width:20%} #contents .board h3{font-size:18px} footer .copyright{padding:20px 15px;font-size:13px} footer .fnb{border-top:1px solid #ccc} footer .fnb li{display:none} footer .fnb li:last-child{display:block} #visual .visual_img img{max-width:700px} #visual .visual_img .visual_txt img{max-width:60%;margin-top:0px} #visual .visual_dot li a{font-size:13px} #visual .visual_dot li img{margin:0 auto 5px} #visual .visual_dot{bottom:70px} #visual .visual_dot li span{display:none} #minfo{margin:-50px auto 30px} #minfo h2{margin-bottom:30px} #mNews .tab{height:40px;font-size:14px;line-height:38px} #mNews .mNews_more{width:9.4%;height:40px;line-height:38px} #minfo #mPopup .bx-wrapper{width:100%;height:auto} #mgalleryvideo #mGallery .mgallery_con{padding:0px 15px 0} #mGallery li{width:48%;margin-right:4%;padding-bottom:20px} #mGallery li:nth-child(n+3){margin-right:4%} #mGallery li:nth-child(n+4){display:block} #mGallery li:nth-child(2n){margin-right:0} #mGallery li:nth-child(2n+1){clear:both} #mGallery .mgallery_subject{margin-top:10px;font-size:13px} #mCompany{display:none} #mLease{display:none} #contents{min-height:0;padding:20px 15px 0} .colgroup h2{font-size:24px} #contents h3{margin-bottom:30px;border-bottom:1px solid #f0f0f0;font-size:22px;font-weight:600;color:#111;letter-spacing:-.05em;text-align:center} #contents h3 em{display:block;padding-bottom:15px;font-size:13px;color:#898989;letter-spacing:-.05em} #contents h4,#contents .h4{height:22px;margin:30px 0 15px;padding:0 0 0 25px;background:url(/assets/images/common/h4.png) no-repeat left 2px;background-size:20px;font-size:17px} #contents h5,#contents .h5{height:18px;margin:20px 0 10px;padding:0 0 0 23px;background:url(/assets/images/common/h5.png) no-repeat left 2px;background-size:16px;font-size:14px} #location .path li{padding-right:10px} #location .path li.home{display:none} #location .path li a{padding:0 10px 0 10px;background-size:6px auto} #contents .snb{margin-bottom:30px} #contents .snb li a{font-size:15px;line-height:40px} #contents .ssnb{margin-bottom:20px} #contents .ssnb li a{font-size:12px;line-height:30px} .scontab1 .tabMnu{height:40px} .scontab1 .tabMnu li{height:40px} .scontab1 .tabMnu li.active{height:40px} .scontab1 .tabMnu li a{height:40px;font-size:13px;line-height:37px} table.tbl1 th, table.tbl1 td{padding:12px 5px;font-size:13px} table.tbl2 th, table.tbl2 td{padding:12px 5px;font-size:13px} table.tbl4 th,table.tbl4 td{padding:10px 5px;font-size:13px} table.tbl4 th.hidden-sm-bl0,table.tbl4 td.hidden-sm-bl0{border-left:0} #sub_robotland4 .robotland4_01 li{font-size:15px} #sub_robotland2 .robotland2_01{margin:50px 0 30px;} #sub_robotland2 #contents h4{width:200px;height:60px;margin:-55px auto 30px;font-size:18px} #sub_robotland2 #contents h4 em{font-size:12px} #sub_robotland2 .robotland2_02{margin:50px 0 30px;} #sub_robotland2 .robotland2_01 p{font-size:18px} #sub_robotland2 .robotland2_02 li br{display:block} #sub_robotland2 .robotland2_03{margin:50px 0 0;} #sub_robotland2 .robotland2_03 li{float:none;width:100%;margin:0 auto 20px} #sub_robotland2 .robotland2_03 li:nth-child(n):before{left:50%;top:-20px;width:1px;height:20px;} #sub_robotland2 .robotland2_03 li:nth-child(4n+4):after{display:none} #sub_robotland4 .robotland4_02 img{width:80%} #sub_rnd1 .rnd03_03 ul li{float:none;width:100%;margin-right:0;height:auto} #sub_rnd1 .rnd03_03 .t02{height:45px} #sub_rnd1 .rnd03_03 ul ul{margin-bottom:15px} #sub_rnd1 .rnd_05_2 ul li{float:none;width:100%;margin-right:0;text-align:center} #sub_rnd1 .rnd2 table.tbl1{float:none;width:100%;min-height:auto} #sub_rnd1 .rnd2_img{float:none;width:100%;min-height:auto;border-top:00;border-bottom:1px solid #babcbe;border-left:0} #sub_rnd2 .rnd2 table.tbl1{float:none;width:100%;min-height:auto} #sub_rnd2 .rnd2_img{float:none;width:100%;min-height:auto;border-top:00;border-bottom:1px solid #babcbe;border-left:0} #sub_rnd3 .rnd3_01{margin:50px 0 0;} #sub_rnd3 .rnd3_01 ul li{float:none;width:100%;margin:0 auto 20px} #sub_rnd3 .rnd3_01 ul li:nth-child(n):before{left:50%;top:-20px;width:1px;height:20px;} #sub_rnd3 .rnd3_01 ul li:nth-child(4n+4):after{display:none} #sub_rnd3_2 .rnd3_01{margin:50px 0 0;} #sub_rnd3_2 .rnd3_01 ul li{float:none;width:100%;margin:0 auto 20px} #sub_rnd3_2 .rnd3_01 ul li:nth-child(n):before{left:50%;top:-20px;width:1px;height:20px;} #sub_rnd3_2 .rnd3_01 ul li:nth-child(4n+4):after{display:none} #sub_themepark1 .themepark1_03 li{width:49%} #sub_themepark2 .themepark2_02 li{width:49%} #scon .themepark2 .pull-left{float:none;width:100%;padding-bottom:20px} #scon .themepark2 .pull-right{float:none;width:100%} #scon .themepark2 .tit{font-size:16px} #sub_themepark3 .themepark3_02 li{width:49%} #sub_grf1 .grf1_box{padding:30px 10px} #sub_grf1 .grf1_box p br:nth-child(n+2){display:block} #sub_grf1 p{padding-top:20px;line-height:1.5} #sub_grf1 p.grf1_01{padding-top:30px;font-size:16px} #sub_grf1 .grf1_sign{font-size:18px} #sub_grf1 .grf1_sign img{width:60%;margin-right:10px} #sub_grf1_2 .grf1_2_left{float:none;max-width:258px;width:100%;margin:0 auto 20px;padding-right:0} #sub_grf1_2 .grf1_2_right{float:none;width:100%;padding-top:15px} #sub_grf1_2 .grf1_2_left p{text-align:center} #sub_grf1_2 .grf1_2_01 p{font-size:18px} #sub_grf1_2 .grf1_2_01 p:first-child{padding-bottom:10px} #sub_grf1_2 .grf1_2_01:after{margin:10px 0 10px} /* #sub_grf1_2 .grf1_2_01{padding:20px;background-size:auto 220px} #sub_grf1_2 .grf1_2_01 p{font-size:17px} #sub_grf1_2 .grf1_2_01 .grf1_2_01_2{margin-top:-12%} #sub_grf1_2 .grf1_2_01 .grf1_2_01_5{margin-top:-6%;font-size:13px} */ #sub_grf2 .grf2_01 .grf2_01_txt{font-size:18px} #sub_grf2 .grf2_02_lst li{float:none;width:100%;margin-left:0;padding:15px} #sub_grf2 .grf2_02_lst li:nth-child(n+2){margin-top:10px} #sub_grf2 .grf2_02_lst li br{display:none} table.history th{display:none} table.history .col1{display:none} table.history .col2{width:35%} table.history td.date{padding:15px 0 15px 10px;font-size:15px} table.history td.text{padding:15px 0 15px 12px;font-size:14px} table.history td.text::after{width:10px} #sub_grf5 .grf5_01 li{float:none;width:100%} #sub_grf5 .grf5_02 li{width:100%;margin-right:0} #sub_grf5 .grf5_01 li .innerbox{padding:0 10%} #sub_grf6 .grf6_bus dt{float:none;width:100%;padding-bottom:10px} #sub_grf6 .grf6_bus dd{float:none;width:100%} #sub_grf6 .grf6_bus dt br{display:none} #sub_grf6 .grf6_bus dt em{display:inline-block;padding-left:5px} #sub_grf6 .root_daum_roughmap .wrap_map{height:300px !important} #sub_cc1 .cc1_02_right ul li{font-size:14px;line-height:2em} #sub_cscenter .cscenter1{min-height:100px;margin-bottom:20px;padding:15px 5%;background-size:auto 90px;font-size:14px} .logo{padding-top:14px} .logo img{max-width:auto;max-height:32px} .board .table-image li:nth-child(3n+1){clear:none} .board .table-image li:nth-child(4n+4){margin-right:4%} .board .table-image li:nth-child(3n+3){margin-right:4%} .board .table-image li{width:48%;margin-right:4%} .board .table-image li:nth-child(2n+2){margin-right:0} .board .table-image li:nth-child(2n+1){clear:both} #sub_sitemap #sitemap h4{padding:10px 5px;font-size:16px} footer .fnb #btn_top{width:30px;height:30px;right:-15px} footer .copyright{padding:30px 15px 20px} } @media all and (max-width:430px){ #mNews .tab{padding-top:3px;font-size:13px;line-height:16px} #mNews .tabs li br{display:block} #sub_grf1_2 .grf1_2_01{height:380px;padding:20px 20px;background-size:auto 250px} #sub_grf1_2 .grf1_2_01 p{font-size:17px} #sub_grf1_2 .grf1_2_01 .grf1_2_01_2{margin-top:-40px} #sub_grf1_2 .grf1_2_01 .grf1_2_01_3 br{display:none} #sub_grf1_2 .grf1_2_01 .grf1_2_01_4{padding-right:0} #sub_grf1_2 .grf1_2_01 .grf1_2_01_5{margin-top:40px;padding-left:0} #sub_grf1_2 .grf1_2_01 .grf1_2_01_6{padding-left:0} #organization .cell.grade6 ul li p.tit, #organization .cell.grade6 ul li a.tit{min-height:135px} } @media all and (max-width:360px){ .hidden-xs{display:none} #contents .board h3{font-size:16px} body,th,td,input,select,textarea,button{line-height:1.3;font-size:13px} #visual .visual_img .visual_txt img{max-width:55%} #contents h3 em{font-size:12px} .scontab1 .tabMnu.tabMnu4{height:80px} .scontab1 .tabMnu.tabMnu4 li{width:50%} .scontab1 .tabMnu.tabMnu4{margin-right:-1px} .scontab1 .tabMnu.tabMnu4 li:nth-child(4n+3){margin-top:-1px;margin-left:0} .scontab1 .tabMnu.tabMnu4 li:nth-child(4n+4){margin-top:-1px} .scontab1 .tabMnu.tabMnu5 li{width:33.333%} .scontab1 .tabMnu.tabMnu6 li{width:33.333%} table.tbl1 th, table.tbl1 td{padding:5px 5px;font-size:} table.tbl2 th, table.tbl2 td{padding:5px 5px} #sub_robotland2 .robotland2_01 p{font-size:16px} #sub_robotland2 .robotland2_02 li{font-size:14px} #sub_robotland2 .robotland2_03{padding:25px 15px} #sub_robotland2 .robotland2_03 li p{width:120px;height:120px;padding-top:35px;font-size:14px} #sub_robotland2 .robotland2_03 li:last-child p{padding-top:15px} #sub_robotland4 .robotland4_01 li{font-size:13px} #sub_robotland4 .robotland4_02 img{width:100%} #sub_rnd3 .rnd3_01{padding:25px 15px} #sub_rnd3 .rnd3_01 ul li p{width:120px;height:120px;padding-top:35px;font-size:14px} #sub_rnd3 .rnd3_01 ul li:last-child p{padding-top:15px} #sub_rnd3_2 .rnd3_01{padding:25px 15px} #sub_rnd3_2 .rnd3_01 ul li p{width:120px;height:120px;padding-top:35px;font-size:14px} #sub_rnd3_2 .rnd3_01 ul li:last-child p{padding-top:15px} #sub_grf1 .grf1_box p{font-size:18px} #sub_cc1 .cc1_02_wrap{padding:20px} #sub_cc1 .cc1_02_left_wrap{width:260px} #sub_cc1 .cc1_02_left01{width:260px;height:260px;border:10px solid #efefef;font-size:18px} #sub_cc1 .cc1_02_left01 p{width:110px;height:110px;margin-top:65px;padding-top:40px} #sub_cc1 .cc1_02_left02 p{line-height:1.4em} #sub_cc1 .cc1_02_left02 p.circle01{width:90px;height:90px;border-radius:100%;background-color:#21b9d7;margin:0 auto;vertical-align:middle;color:#fff;position:absolute;z-index:7;top:-30px;left:90px;text-align:center;padding:22px;font-weight:600;font-size:16px} #sub_cc1 .cc1_02_left02 p.circle02{width:90px;height:90px;border-radius:100%;background-color:#8cc63f;margin:0 auto;vertical-align:middle;color:#fff;position:absolute;z-index:7;top:170px;left:0;text-align:center;padding:22px;font-weight:600;font-size:16px} #sub_cc1 .cc1_02_left02 p.circle03{width:90px;height:90px;border-radius:100%;background-color:#f7941e;margin:0 auto;vertical-align:middle;color:#fff;position:absolute;z-index:7;top:170px;left:180px;text-align:center;padding:22px;font-weight:600;font-size:16px} #sub_grf2 .grf2_01 .grf2_01_txt{font-size:16px} table.history td.date{padding:10px 0 10px 0;font-size:14px;text-align:center} table.history td.text{padding:10px 0 10px 12px;font-size:13px} #sub_cscenter .cscenter1{min-height:80px;padding:15px 5%;background-size:auto 80px;font-size:12px} #sub_sitemap #sitemap ul{margin-top:0} #sub_sitemap #sitemap li{line-height:2.4} #sub_sitemap #sitemap li li{padding-left:15px;line-height:2} #sub_sitemap #sitemap li li:before{left:3px} } @media all and (max-width:330px){ #sub_grf4_2 #contents .ssnb.ssnb6 li:nth-child(1){width:33.333%;margin-left:0} #sub_grf4_2 #contents .ssnb.ssnb6 li:nth-child(2),#sub_grf4_2 #contents .ssnb.ssnb6 li:nth-child(3){margin-top:0} #sub_grf4_2 #contents .ssnb6 li:nth-child(3n+1){margin-left:0} #sub_grf4_2 #contents .ssnb6 li:nth-child(3n+2){margin-left:-1px} #sub_grf4_2 #contents .ssnb.ssnb6 li:nth-child(7){width:calc(66.666% - 1px)} }