@import url("normalize.min.css");
@import url("grid.min.css");

/* -----------------------------------------
Base
----------------------------------------- */
body{font-family: 'Noto Sans KR',sans-monospace,Helvetica,'Nanum Gothic', 'Malgun Gothic','Apple Gothic',Dotum,Dotumche;}
body { color:#444;font-size: 15px;}
h1,h2,h3,h4{color:#333;}
a{text-decoration: none; color: inherit;}
ul{list-style: none;padding:0;margin: 0;}
select{background: #fff;}
input[type="text"], 
input[type="password"], 
textarea {border: 1px solid #caced4;color:#333;outline: none;-webkit-appearance: none;box-sizing: border-box;}
hr { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 20px 0; }


/* -----------------------------------------
Common
----------------------------------------- */


/* wrap width */
.wrap{width:1024px;margin:0 auto;}

/* point color */
.pcolor {color:#3E6FA7;/*CA9E43*/}
.scolor {color:#f0753e;}
.pcolor2 {color:#f7f7f7;/*FBF1D7*/}
.bg.gray{background: #f7f7f7;padding: 10px 0;margin:10px 0;}
.pbg{background:#3E6FA7;color: #fff;}
.sbg{background: #f0753e;color: #fff;}
/*btn*/
.btnset { margin:50px 0;}
.btn {cursor: pointer;padding: 4px 15px;border-radius: 4px;text-align: center;color: #fff;background-color: #6e6e6e;text-decoration: none;box-sizing: border-box;display: inline-block;white-space: nowrap;border: none;}
.btn:hover {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.btn.pcolor{background-color: #3E6FA7; color: #fff;}
.btn.scolor{background-color: #f0753e; color: #fff;}
.btn.small{font-size: 12px;line-height: 14px;padding: 5px;}

/* plist */
ul.plist {clear: both;overflow: hidden;}
ul.plist li {position: relative;padding: 0 100px 0 20px;}
ul.plist li span {position: absolute;right: 0;color:#9E9E9E;width: 30%;    text-align: right;}
ul.plist li:before {position: absolute;top: 5px;left: 5px;width: 5px;height: 5px;background: #74b5d8;content: '';}



ul.list li{position: relative; padding-left: 10px;}
ul.list li:before {position: absolute;left: 0;content: '-';}


/*paging*/
.paging {margin: 2em; text-align:center; font-size:17px;}
.paging span{padding: 0.2em 0.6em;margin: 0.2em;font-weight:bold;}
.paging span.tool{font-weight:bold;}
.paging span.active{color:#3E6FA7;}
.paging span:hover{color:#3E6FA7;}

/*hr*/
hr.top { border-color:#545454; border-width: 2px 0 0; margin-top:2em;}
hr.bottom { border-color:#E0E0E0; border-width: 1px 0 0; margin-top:2em;}
.brimg {text-align:right;position:relative;}
.brimg img{width:300px;position:absolute;top:-90px;right:0;}
.brimg hr{margin-top:1em;}


/*table*/
.tb {border-top: 1px solid #F5F5F5;font-size:0.9em; text-align: center;}
.tb th{/*text-align:left;*/background: #fcfcfc;}
.tb tr,.tb th {border: 1px solid #f5f5f5;border-width:  1px;}
.tb tr td{border-right: 1px solid #F5F5F5;}
/*.tb thead th{text-align: center;}*/

.tb sup{color:#ff0000;margin-left: 5px;}
.tb .fa-lock{color: #E5BF00;
margin-right: 5px;
font-size: 17px;}
/*.tb.tb-horizontal tr {border-color:#CFC8C8;}*/
/**/
.tar {text-align: right;}
.tal {text-align: left;}
.tac {text-align: center;}

.vab {vertical-align: bottom;}



/* Menu */

.menu ul {
/*position: absolute;
width: 100%;*/
}
.menu > ul { /*position: relative;*/ }
.menu li { position: relative; }
.menu li > a {
    padding:5px 10px;
display: block;
white-space: nowrap;
}
.menu.menu-horizontal > ul {
display: inline-block;
vertical-align: middle;
}
.menu.menu-horizontal li {
display: inline-block;
vertical-align: middle;
}

/* Table */
.tb {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
width:100%;
}
.tb td,
.tb th {
margin: 0;
overflow: visible; /*to make ths where the title is really long work*/
padding: 6px 12px; /* cell padding */
}
.tb thead {
vertical-align: bottom;
}

/*search*/

.box.search {text-align: center;margin: auto;margin-top: 15px; background:#f7f7f7;border: 1px solid #e5e5e5; padding: 30px;}

.box.search input,.box.search .btn{width: 100%;padding: 6px 10px;line-height: 15px;border-radius: 0;}
.box.search .btn{padding:8px 10px;}
.box.img {text-align: center;margin-top: 50px;}
.box.shortcut {text-align: center;border: 2px solid #ececec; margin-bottom: 20px;}
.box.shortcut img{display: block;margin: 0 auto;}


.imgbox .item {margin:15px;border: 3px solid #eeeeee;}
.imgbox .item.graph {padding:20px;}
.imgbox .item img{width: 100%;display: block;}

.box.partner{border: 1px solid #ececec;padding: 10px;display: inline-block;margin: 20px;}


/* lng shortcut*/
.sc .item {font-size: 10px;text-align: center;width: 45px;background: #fff;display: inline-block;margin:10px 0;}
.sc .item.long{width:173px;}
.sc .item .circle{font-size:20px;color:#fff;background: #A6A5A5;border-radius: 45px;width:45px;height:45px;line-height: 45px;text-align: center;}

.sc .item.long .circle{display: inline-block;}
.sc .item.long .txt{display: inline-block;vertical-align: middle;line-height: 13px;text-align: left;padding: 10px;}
.sc .item.long .txt h1{margin: 5px 0;color: #FF7100;font-size: 16px;}
.sc .item.long .txt h1 span{font-size: .6em;}


/*responsive width for iframe,embed,object*/
.outerlinkbox { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.outerlinkbox iframe,
.outerlinkbox object,
.outerlinkbox embed { position:absolute; top:0; left:0; width:100%; height:100%; }


ul.tabs {
    letter-spacing: -10px;
    height: 32px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 100%;
}
ul.tabs li {
    letter-spacing: normal;
    display: inline-block;
    text-align:center;
    cursor: pointer;
    width:82px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: 1px solid #eee;
    border-top: none;
    background: #FFFFFF;
}
.tab_content {
    padding: 20px 13px;
    display: none;
}
.bglist li{
    margin:10px;}
.bglist li span{
    border-left: 5px solid #BBBBBB;
    background: #F7F7F7;
    padding: 5px 15px;
    border-radius: 10px;
    display: block;
}

/* -----------------------------------------
Header
----------------------------------------- */
.header{border-bottom:2px solid #3E6FA7;font-size:1.14em;box-shadow: 2px 2px 5px #DFDFDF;}
.header .logo{padding: 10px 0 16px;}
.header .logo img{width: 130px;margin-top: 1.2em;}
.header .logo span{display: block;font-size: 11px;    margin-left: 17px; color:#555; display: none;}
/*.header .logo img{width:141px;}*/
.header .subtitle{font-size: 0.8em;padding: 2.3em 0 0 0.5em;font-weight: bold;}
.header .menubtn{display: none;cursor: pointer;}
.header .gnb .menu{text-align:right;position:relative;font-size:17px;font-weight: bold;}

.header .gnb ul {text-align: center;margin: 0}

.header .gnb ul > li > a{padding:20px 20px;}
.header .gnb ul > li.active > a{color:#3E6FA7;}

.header .gnb ul > li {position: relative;}
.header .gnb ul > li ul{
    z-index: 101;
    font-weight: normal;
    position: absolute;
    left: -1px;
    background: #f7f7f7;
    color: #000;
    border: 1px solid #3E6FA7;
    display: none;
    text-align: left;
    font-size: 12px;
}
.header .gnb ul > li ul.active{
display: block;
}
/*.header .gnb ul li:hover ul{display:block;}*/
.header .gnb ul li ul li{position: relative;padding: 0 20px;width:100%;box-sizing: border-box;}
.header .gnb ul li ul li.active:before,.header .gnb ul li ul li:hover:before {
position: absolute;
top: 14px;
left: 14px;
border-top: 3px solid transparent;
border-left: 3px solid #3E6FA7;
border-bottom: 3px solid transparent;
content: '';
}
.header .gnb ul li ul li a{padding: 10px 3px;}


.header .search{text-align: right;font-size: 12px;margin:8px;}
.header .search form{width:300px;display: inline-block; border-radius: 10px;border: 1px solid #e5e5e5;}
.header .search input,.header .search .btn{padding:6px 6px; width: 100%; font-size: 12px;}
.header .search .title{line-height: 26px;text-align: center;font-weight: bold;}
.header .search .btn{padding:6px;border-radius: 0 10px 10px 0;}

.header .search form, .header .search form input{background:#f7f7f7;}
.header .search form input{border:0;}

/* -----------------------------------------
Footer
----------------------------------------- */

.footer{border-top:1px solid #e5e5e5;font-size:0.9em;}
.footer {position: relative;padding:2em 0;}
.footer .logo{text-align: center;}
.footer .logo img{width:110px;}
.footer .logo span{display: block;font-size: 10px;    margin-left: 12px;}
.footer ul{line-height: 1.7em;    margin-top: 10px;}
/* -----------------------------------------
Container
----------------------------------------- */

.nav{border-bottom: 1px solid #e5e5e5;background: #f7f7f7;font-size: 0.8em;text-align: right; }
.nav .wrap span{padding:10px;display: block;}

.container{line-height:2em;min-height:518px;}

/*.container ul{margin-left:1em;}*/

.container .wrap{/*border-left:1px solid #e5e5e5*/}

.quickmenu{position: absolute;left: -100px;top:0;width: 80px;background: #eee;}

.container .subgnb {margin-top: 50px;/*padding:0 20px;*/}
.container .subgnb .title{border-bottom: 4px solid #ececec;padding: 15px 5px;}
.container .subgnb .title h3{font-size:28px; color:#3E6FA7; font-weight:bold; letter-spacing:-1px; text-align:center;margin:0;position: relative;}
.container .subgnb .title h3 span{font-size:14px;color:#777; font-weight:bold;position: absolute;right: 10px;top: -20px;}
.container .subgnb .menu{margin-bottom: 50px;line-height: 30px;border:1px solid #eee; border-width: 1px 1px 0 1px;}
.container .subgnb .menu {margin: 0;}
.container .subgnb .menu li{padding-right: 29px;border-bottom:1px solid #eee;cursor: pointer;}
.container .subgnb .menu li span{display: none;}
.container .subgnb .menu li.active span{display:inline-block;position: absolute;right: 10px;}
.container .subgnb .menu li.active{font-weight: bold;background: #3E6FA7;color: #fff}


.container .subcontents{/*border-left: 1px solid #e5e5e5;*/margin:10px 0 80px 30px;min-height: 500px;}
.container .subcontents p span{display: block;}
.container .subcontents table p span{display: inline;}
.container .subcontents .title-bar {border-bottom: 5px solid #3E6FA7;font-size: 0;width: 30px;}
.container .subcontents h1{font-size: 30px;margin-bottom: 20px;color:#232324;line-height: 30px;}
.container .subcontents h1 span{display:none;font-size: .5em;letter-spacing: -1px;color:#B5B5B5;font-weight: normal;}
.container .subcontents h2{background: #fff;display: inline;padding-right: 10px;}
.container .subcontents h2 span{font-size: .7em;color:#afafaf;padding-left:10px;}
.container .subcontents hr{margin-bottom: 50px;}
.container .subcontents hr.list{margin:10px 0;border-color: #eee;}
.container .subcontents .imagebox{margin:2em 0;position:relative;}
.container .subcontents .imagebox .expand{display:none;position:absolute;top:-1em;left:0;}
.container .subcontents .imagebox.active img{max-width: none;}
.container .subcontents .imagebox .btn{border: 1px solid #FFFFFF;background:#3E6FA7;padding: 0.2em 0.5em;font-size: 0.8em;border-radius: 1em;}

.container .subcontents .block{padding: 30px 0 100px;/*padding: 30px;margin-bottom: 100px;border: 1px dashed #eee;border-width: 0 1px 1px;*/}
/*.container .subcontents .block hr{margin: 30px 0 0;}*/
.container .subcontents .block .tb{margin-top: 20px;text-align: center;}
.container .c-nav{text-align: right;color:#797979;font-size: 12px;}
.container .c-nav strong{color:#797979;}

/* -----------------------------------------
    mainslide
----------------------------------------- */
.mainslide {position: relative;width:100%;}
.pager{position: absolute;bottom: 58px;z-index: 999;left: 50px;}
.pager span{padding: 0;margin: 0 3px;width: 13px;height: 13px;background: #fff;border-radius: 10px;font-size: 0;display: inline-block;cursor: pointer;}
.pager span.cycle-pager-active{padding: 0;background: #f0753e;}
.ms-arrow {opacity: 0.2;position: absolute;z-index:999;top:50%;-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);transform:translate(0%,-50%);width:30px;height:30px;transform-origin:center center;-webkit-transform-origin:top left;cursor: pointer;}
.ms-arrow.msa-previous {left:2.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-top:2px solid white;border-left:2px solid white;}
.ms-arrow.msa-next {right:4.5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-bottom:2px solid white;border-right:2px solid white;}
.ms-arrow.msa-previous:hover, .ms-arrow.msa-next:hover {opacity: 1;}
#slidetxt {width:inherit;}
#slidetxt span {opacity: 0; position: absolute;z-index: 101;width:inherit;}
#slidetxt span {font-size: 22px;color: #fff;bottom: 40px;/* left: 50px; */line-height: 31px;width: 70%;padding: 20px 50px 40px;background: rgba(19, 19, 19, 0.66);box-sizing: border-box;}
#slideimg img{width: 100%;}


/* -----------------------------------------
    carousel
----------------------------------------- */
.carousel li{display: inline-block;margin:0 5px;}
/* -----------------------------------------
SUB pages
----------------------------------------- */
.home {/*margin-top: 30px;*/}
.home .block{margin: 10px;background: #fff;}
.home .block.line{border:1px solid #eee;padding: 34px 20px;}
.home .block.cursor{cursor: pointer;}
.home .block.cursor:hover{cursor: pointer;border-color: #333;}
.home .block h2,.home .block h3{margin-top: 0;}

.home .block h4 span{display: block;}
.home .block h4 span.left{margin-right: 30px;}
.home .block h4 span.right{margin-left: 30px;}
.home .block h4 span strong{color:#3E6FA7; }

.home .block.business {position: relative;}
.home .block.business ul{border-top: 1px dashed #eee;}
.home .block.business ul li{border-bottom: 1px dashed #eee;line-height: 3.8em;white-space: nowrap;}
.home .block.business ul.plist li:before {top: 26px;left: 5px;width: 5px;height: 5px;border-radius: 5px;background: #3E6FA7;content: '';}
.home .block.business img{max-width: 70px;}
.home .block.business h4{text-align: center;}

.home .block.notice ul.plist{line-height: 25px;font-size: 0.9em;}
.home .block.notice ul.plist li{text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.home .block.notice ul.plist li:before {top: 10px;left: 10px;width: 3px;height: 3px;background: #3E6FA7;content: '';}
.home .block.notice ul.plist li span{width: 30%;text-align: right;font-family: monospace;;padding-right: 10px;}
.home .block.notice .more{text-align: right;font-size: 0.8em;margin: 10px;}
.home .block.notice .more span{color: #f0753e;}

.home .block.photo {position: relative;}
.home .block.photo .more{position:absolute; top:23px; right:20px;font-size: 0.8em;}
.home .block.photo .more span{color: #f0753e;}
.home .block.photo .g{margin:26px 0;}

.home .block.book {padding-bottom: 30px;}

.press23 .btn{padding: 5px; font-size: 13px;line-height: 12px;}
.press23 .main {padding-right: 30px; border-right: 1px solid #eee;}
.press23 .main img {padding:5px;border:1px solid #eee;border-radius: 5px;box-sizing: border-box;}
.press23 .inventory {padding: 0 30px;}
.press23 .inventory ul li.active {color: #f0753e;}
.press23 .inventory ul li a{margin-right: 20px; font-family: monospace;}

.press4 .item{margin:10px;}
.press4 .item img {padding:5px;border:1px solid #eee;border-radius: 5px;box-sizing: border-box;}
.press4 .item a:hover{text-decoration: underline;}
.press4 .item .content {margin-left: 20px;}
.press4 .item .content strong span{color:#777; font-size: 0.8em;}
.press4view .photomain,.press4 .photolist li{margin: 5px; }
.press4view .photomain img, .press4 .photolist img{padding:5px;border:1px solid #eee;border-radius: 5px;box-sizing: border-box;}


.press5 ul.circlelist{text-align: center;}
.press5 ul.circlelist li{display: inline-block;}
.press5 ul.circlelist li a{
    margin: 15px;
    border: 7px solid #bbb;
    border-radius: 100px;
    width: 110px;
    height: 110px;
    display: inline-block;
    padding: 35px 0;
    font-weight: bold;
    font-size: .9em;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.press5 ul.circlelist li:hover a,.press5 ul.circlelist li.active a{border-color: #3E6FA7;}



.company2 .item{margin:10px;border:1px solid #eee;padding: 10px;}
.company2 .item h4{margin-top: 0;}

.company3 ul.list {clear: both;overflow: hidden;margin-top: 20px;}
.company3 ul.list li {position: relative;padding: 0 0 0 100px;}
.company3 ul.list li span {position: absolute;left: 20px;color:#9E9E9E;font-family: monospace;}
.company3 ul.list li:before {position: absolute;top: 11px;left: 5px;width: 5px;height: 5px;background: #f0753e;content: '';}


.company4 .circle{
    border: 8px solid #3E6FA7;
    border-radius: 150px;
    display: inline-block;
    margin: 50px 0 20px;
    /* line-height: 150px; */
    padding: 10px;
    width: 150px;
    /* vertical-align: middle; */
    height: 150px;
}
.company4 .circle span{
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    margin-top: 32px;
    display: block;
}
.company4 .item.one {width: 33%;margin: 10px auto;}
.company4 .item{margin:40px 10px 10px;border:1px solid #efefef;padding: 5px;min-height: 200px;}
.company4 .item h3 {text-align: center;margin-top: -30px;}
.company4 .item h3 span{background: #3E6FA7;color: #fff; display: inline-block;padding: 10px 20px;}
.company4 .item ul.list{margin:30px 10px;}
.company4 .card{
    font-size: 15px;
    border: 1px solid #eee;
    padding: 5px;
    margin: 10px;
    border-radius: 10px;
    background: #f7f7f7;}
.company4 .card li{line-height: 18px;}
.company4 .card li.position{font-size: 13px; text-align: right; color: #666;}
.company4 .card li.name{font-size:23px; font-weight: bold; text-align: center;line-height: 32px;}
.company4 .card .info{margin-left: 10px;font-size: 14px;}
.company4 .card img{display: block;}
.company4 .card .tac{vertical-align: bottom;}
.company4 .card.only{width: 30%;margin:20px auto;}

.company5 img{border:1px solid #eee;}

.business5 .box{margin: 5px;border:1px solid #eee;}
.business5 .box h3{margin: 0;padding: 10px;border-bottom: 1px solid #eee;}
/*.business5 .box .bglist{margin: 20px 10px;}*/

.notice3 .question{cursor: pointer;}
.notice3 .answer{display: none; background: #eee;}
.notice3 .answer .a1{background: #f3f3f3;}
.notice3 .answer .a2{background: #fdfdfd;}
.notice3 .answer.active{display: table-row;}

.service ul.process{text-align: center;}
.service ul.process li{
    margin: 5px;
    margin-right: 25px;
    border: 7px solid #bbb;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    display: inline-block;
    padding: 30px 0;
    font-weight: bold;
    font-size: .9em;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.service ul.process li:after {
    border-left: 10px solid #eee;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    content: "";
    left: 105px;
    position: absolute;
    top: 12px;
}
.service ul.process li:last-child:after {
    border:0;
}

.service .state{font-size: 11px; line-height: 13px;border:1px solid #777; color:#777; padding:2px;white-space: nowrap;}
.service .state.I{border-color:#3E6FA7; color: #3E6FA7; }
.service .state.Y{border-color:#f0753e; color: #f0753e; }


.service .confirmpwd {border:3px solid #eee; margin:30px auto; width: 300px;padding: 20px;}
.service .confirmpwd h4,.service .confirmpwd h5{margin: 0;}
.service .confirmpwd input,.service .confirmpwd .btn{width: 100%;padding: 10px;margin:5px 0;}

.service h4{margin-bottom: 10px;}
.service .box{border: 1px solid #eee; margin-bottom: 30px;}
.service .box .info{margin-left: 10px;}

.service4 .menuitem{background:  #eee;margin-top: 50px;}
.service4 .menuitem .active,.service4 .menuitem a:hover{color:#3E6FA7;}
.service4 .item{margin:10px;border: 1px solid #ddd; padding:10px;}
.service4 .item img {padding:5px;border:1px solid #eee;border-radius: 5px;box-sizing: border-box;}
.service4 .item a:hover{text-decoration: underline;}
.service4 .item .content {margin-left: 20px;font-size: 0.9em;}
.service4 .item .content ul li{position: relative; padding-left: 70px;}
.service4 .item .content ul li span{position: absolute;left: 0;width: 70px; font-weight: bold;}


.service5 .equipment li{border:2px solid #eee;padding: 5px;position: relative;margin:8px 0;padding-right: 70px;}
.service5 .equipment li span{position: absolute;right: 5px;width: 70px;}


.serviceview .agreebox{border: 1px solid #eee; margin:10px 0; padding:10px;}
.serviceview .agreebox h3,.serviceview .agreebox h4{margin:0;}
.serviceview .agreebox ul{font-size:13px;line-height: 15px;}

.serviceview .process {border: 1px solid #eee; margin:30px 0;padding: 20px;
    background: #FCFCFC;}
.serviceview .process h3{margin: 0;}
.serviceview .process ul li{    border: 1px solid #eee;
    display: inline-block;
    padding: 10px;
    margin: 5px;
    background: #fff}

.serviceview5 .box{border: 2px solid #eee;padding: 10px;}
.serviceview5 .box h4,.serviceview5 .box h5{margin: 0;}


.search{}
.search .subcontents h3{margin-top: 20px; border-top: 1px dashed #ccc;padding-top: 25px;}
.search .subcontents .btnset{margin:10px 0;}
.search .subcontents ul.plist li:before {top: 12px;background: #f0753e;}

.search .subcontents .nodata{text-align: center;margin: 40px 0;font-weight: bold;}
/* -----------------------------------------
Responsive
----------------------------------------- */

@media screen and (max-width: 1024px){
.wrap{width: 100%;}
.container .subcontents{margin: 10px 10px 50px;}
.container .wrap .u-1-4,
.container .wrap .u-3-4{width: 100%;}
}

@media screen and (max-width: 940px){

.header .logo{text-align: center;/*margin:20px 0;*/}
.header .logo span{display: none;}

.header .subtitle{font-size: 0.9em;padding: 0 0 1.5em; text-align: center;}
.header .g-r > [class *= "u-"]{width: 100%;}
.header .gnb .menu{text-align:center;}
.header .gnb ul > li > a{padding:20px 20px;}
}
@media screen and (max-width: 768px){

.onlyweb {display: none;}

/*.header .logo{padding-left:20px;text-align: left;margin:0;}*/
/*.header .logo img{width: 100px;}*/
.header .menubtn{display: block;position: absolute;right: 15px ;top:42px;}
.header .menubtn a{border-radius: 7px;display: block;padding: 3px 7px;}
.header .gnb{display: none;}
.header .gnb.active{display: block;border-top: 1px solid #eee;padding-top: 10px;}
.header .gnb ul > li{display: block;}
.header .gnb ul > li ul{display: none;text-align: center;position: relative;top: 0;left: 0;background: #fff;border:0;}
.header .gnb ul li ul li{padding: 0;}

.header .search{text-align: center;}

.footer .logo{display: none;}
.footer{text-align: center;padding: 2em;}

.container .subgnb .menu{border-width: 1px 0;}
.container .subcontents p span{display: inline;}
.container .subcontents .imagebox .expand{display:block;}
.home .block {margin:5px;}
.home .block h4 span{display: inline;}
.home .block h4 span.left,.home .block h4 span.right{margin: 0;}

#slidetxt span {width:100%;}

.photo .photomain {display: none;}
.photo .item{margin: 10px 0;}
.photo .item .content{margin: 10px;}

.press3 .main {padding-right: 0; border-right: 0;}
.service4 .item .tac{text-align: right;}

.company4 .card img{display: inline-block;}

}

@media screen and (max-width: 568px){
#slidetxt span {font-size: 15px;line-height: 22px;bottom: 40px;}
.pager {bottom: 59px;}
}

@media screen and (max-width: 480px){
/*.home .block.notice ul.plist li {padding: 0 5px 0 20px;}
.home .block.notice ul.plist li span {display: none;}
*/
}