#space:after{content:'';display: block;padding-top:3% ;}

#brand_wrap{position: relative;}
.navbar-brand img{height: 50px;}

/* HEADER */
#header{position: absolute;width: 100%;top: 0;left: 0;z-index: 99999;}
.gnb_m>li>a{display: block;position:relative;} 
.gnb_m>li>a:after{content:"";display:block;position:absolute;left:24px;bottom:15px;height:1px;width:0;background:#2fc5ff;transition:all .25s ease-in}
.gnb_m>li>a.on,
.gnb_m>li a:hover{color:#2fc5ff !important ;}
.gnb_m>li:hover a{color:#2fc5ff;!important;}
.gnb_m>li>a.on:after,
.gnb_m>li>a:hover:after{ width: calc(100% - 48px);} 

.icon_area li a{padding: 10px 10px !important;}
.icon_area li:first-child:hover a i{color:#d22a2a}
.icon_area li:first-child+li:hover a i{color:#ffe793}
.icon_area li:first-child+li+li:hover a i{color:#2daae2}
.icon_area li:first-child+li+li+li:hover a i{color:#8cc4d1}
.side_foot{color:#fff;font-size: 11px;opacity:0.5}
.m_icon_area li{float: left;}
/* HEADER */

/* common */
.sd_btn{position: absolute;bottom: 10px;right: 49%;color:#fff;outline: none;}

.brand_tbl01 thead{ }
.brand_tbl01 thead th{color:#0abaff;text-align: center;vertical-align:middle;font-size: 24px;}
.brand_tbl01 thead td{color:#fff;background: #303030; padding:2%}
.brand_tbl01 tbody{padding:2%; color:#fff;text-align: center;}	

.slide,
.section{width : 100%;background-size:cover;background-position:top;background-repeat: no-repeat ;padding-top : calc (300 / 1000 * 100 %); }
.section .main_ly01 h1,
.section .main_ly02 h1{font-size: 116px;color:#2fc5ff;font-weight: 400;	}
.section .main_ly01 h1,
.section .main_ly02 h1:before{}
.section .main_ly01 h1 span,
.section .main_ly02 h1 span{font-size: 33px;color:#fff}		 
.section .main_ly01 h2,
.section .main_ly02 h2{font-size: 94px;font-weight: 400;padding-bottom: 1%;color:#fff}

.brand_ones-info{text-align: center;}
.brand_ones-info img{padding-bottom: 2%;margin: 0;}
.brand_ones-info h2{padding-bottom: 2%;font-size: 48px;color:#0abaff;margin: 0;}
.brand_ones-info h3{padding-bottom: 2%;font-size: 39px;color: #fff;margin: 0;}
.brand_ones-info p{font-size: 24px; color:#fff;padding-bottom: 2%;}

.section.it_wrap02,
.section.it_wrap03,
.section.mice_wrap02,
.section.mice_wrap03,
.section.mice_wrap04,
.section.journal_wrap02,
.section.journal_wrap03,
.section.journal_wrap04,
.section.team_wrap02{background-image: url(/source/images/main/it_wrapbg02.jpg );}
/* common */

/* INTRO */
.slide.main_ly01{background-image: url(/source/images/main/main_ly01.jpg) ;}
.section .ly01_con p{font-size: 26px;font-weight: 300;color:#fff}
/* INTRO */

/* ABOUT */
.slide.main_ly02{background-image: url(/source/images/main/main_ly02.jpg) ;}
.section .ly02_con h2{font-size: 85px;font-weight: 400;padding-bottom: 1%;}
.section .ly02_con .about_intro{font-size: 20px;font-weight: 300;color:#17c0ff}
.section .ly02_con .about_intro {padding-bottom: 3%;}
.section .ly02_con  .cir-wrap p{margin-top: 2%;color:#fff}
.cir-wrap{display: inline-block;margin-right: 5%;text-align: center;	}
.cir-wrap .cir{display: inline-block;width: 210px;height: 210px;background: #fff;color:#000;border-radius:50%;text-align: center;}
.cir-wrap .cir .count{font-size: 105px;	font-weight: 700;}
/* ABOUT */

/* IT-SOLUTION */
.section.it_wrap01{background-image: url(/source/images/main/it_wrapbg.jpg );}
.it_con01 h1{font-size: 85px;color:#fff}
.it_con01 h1 span{color:#2cbcf4}
.it_con01 h2{font-size: 22px;color:#2cbcf4}
.it_con01 p{color:#fff;font-size: 20px;}
.it_con01 p strong{font-size: 24px;}

.section.it_wrap03{color:#fff}
.section.it_wrap03 .it_list>ol>li{display: inline-block;	width: 31%;height: 600px;background: #000;padding: 3% 1% 0 1%; vertical-align:top;}
.section.it_wrap03 .it_list>ol>li:first-child{margin-right: 3%;}
.section.it_wrap03 .it_list>ol>li:first-child+li{margin-right: 3%;}
.section.it_wrap03 .it_list h3{color:#0abaff;text-align: center;margin-bottom: 6%;}
.section.it_wrap03 .it_li-img{text-align: center;}
.section.it_wrap03 .it_li-con>li{margin: 2% 2% 5% 2%;}
.section.it_wrap03 .it_li-con>li>strong{display: block;padding-bottom: 2%;margin-bottom: 2%;border-bottom: 1px solid #fff;}
.section.it_wrap03 .it_j-box{padding: 3%;}
/* IT-SOLUTION */

/* journal */
.section.journal_wrap01{background-image: url(/source/images/main/journal_wrapbg.jpg );}
.journal_con01 h1{font-size: 85px;color:#fff;}
.journal_con01 h1 span{color:#2cbcf4}
.journal_con01 h2{font-size: 22px;color:#2cbcf4;}
.journal_con01 p{color:#fff;font-size: 20px;}
.journal_con01 p strong{font-size: 24px;}
.journal_book{text-align: center;}
.journal_book img{height: 250px;}

.section.journal_wrap03{color:#fff}
.section.journal_wrap03 .journal_list>ol>li{display: inline-block;	width: 31%;height: 650px;background: #000;padding: 3% 1% 0 1%; vertical-align:top;}
.section.journal_wrap03 .journal_list>ol>li:first-child{margin-right: 3%;}
.section.journal_wrap03 .journal_list>ol>li:first-child+li{margin-right: 3%;}
.section.journal_wrap03 .journal_list h3{color:#0abaff;text-align: center;margin-bottom: 6%;font-size: 20px;}
.section.journal_wrap03 .journal_li-img{text-align: center;}
.section.journal_wrap03 .journal_li-img img{height: 70px;}
.section.journal_wrap03 .journal_libox{text-align: center;padding-bottom: 2%;}
.section.journal_wrap03 .journal_libox img{height: 100px;}
.section.journal_wrap03 .journal_li-con>li{margin: 2% 2% 5% 2%;}
.section.journal_wrap03 .journal_li-con>li>strong{display: block;padding-bottom: 2%;margin-bottom: 2%;border-bottom: 1px solid #fff;}
.section.journal_wrap03 .journal_j-box{padding: 3%;}

.section.journal_wrap04 .journal_tbl{padding: 8% 0;}
/* journal */

/* MICE */
.section.mice_wrap01{background-image: url(/source/images/main/mice_wrapbg.jpg );}

.mice_con01 h1{font-size: 85px;color:#fff;}
.mice_con01 h1 span{color:#2cbcf4}
.mice_con01 h2{font-size: 22px;color:#2cbcf4;}
.mice_con01 p{color:#fff;font-size: 20px;}
.mice_con01 p strong{font-size: 24px;}

.mice_sec03-img01{display: inline-block;width: 45%;text-align: center;}
.mice_sec03-right{display: inline-block;width: 45%;}
.mice_since{padding-bottom: 5%;text-align: right;}
.mice_btn-wrap{position: relative;display: inline-block;width: 100%;background:  url(/source/images/main/mice_btn-arrow.png) no-repeat 0 50%;	}
.mice_btn-wrap:before{position: absolute;top: 50%;display: block;content:'';width: 100%;height: 1px;background: #fff}
.mice-btn{position: relative;display: inline-block;margin: 1em 3em !important ; background: #000 !important;}
/* MICE */


/* team */		
.team_wrap01 h1{font-size: 85px;color:#fff}
.team_wrap01 h1 span{color:#2cbcf4}
.section.team_wrap01{background-image: url(/source/images/main/team_bg.jpg);}
.slide.team_s-wrap01,
.slide.team_s-wrap02,
.slide.team_s-wrap03,
.slide.team_s-wrap04{background: #000;}
.team_sec01-wrap{text-align: center;}

.team_wrap01 h1{padding-bottom: 2%;}
.Representative_num{border-top: 2px solid #aaaaaa;	color:#fff}
.Representative_num dl{border-bottom: 1px solid #616161;padding: 1.5%;margin-bottom: 0;}
.Representative_num.type2 dl{padding: 0.8% 1.5%;}
.Representative_num dt{display: inline-block;	width: 20%;vertical-align:top;font-size: 23px;}
.Representative_num dd{display: inline-block;width: 79%;font-weight: 400;font-size: 15px;line-height: 1.8;}
.Representative_num dd a{color:#fff}
.Representative_num dd>div{overflow: hidden;}
.Representative_num dd>div>div{width: 30%;float: left;}
.Representative_num dd>div>div:after{clear: both;display: block;content:'';}
.Representative_num.type2 dd>div>div{width: 50%;}
.Representative_num dd strong{font-size: 16px;font-weight: 400;}
.Representative_num dd span{color:#2cbcf4}
/* team */

/* contact */	
.team_wrap02 address{color:#fff;font-size:18px;text-align: center;}
.team_wrap02 .contact_logo{text-align: center;	padding: 5% 0 1%;}
.team_wrap02 .contact_logo img{height: 55px;}

/* contact */	

/* client */	
.section.client_wrap01{background-image: url(/source/images/main/client_bgwrap.jpg);}
.section.client_wrap02{background: #000;padding: 5% 0;}
/* client */	

/* 풀페이지 */
.fp-prev{display: none;}
/* 풀페이지 */

#brand_footer{width: 100%;  /* Set the fixed height of the footer here */ padding: 10px;  text-align: center;  background-color: #000000 !important;  color:#fff; font-weight: 300;}

/* 버튼 */
.brand-btn01{margin-top: 5%;padding: 1%;border: 1px solid #2cbcf4;color:#fff}
.btn_wrap{text-align: center;}
.button{min-width: 150px;max-width: 250px;margin: 1em auto;padding: 1em 2em;border: 1px solid #0abaff;color: inherit;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.button.button--aylen{background: #fff;color: #37474f;overflow: hidden;-webkit-transition: color 0.3s;transition: color 0.3s;}
.button--aylen.button--inverted{background: none;color: #fff;}
.button--aylen::before,
.button--aylen::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.button--aylen::before{background: #0abaff;}
.button--aylen::after{background: #fff;}
.button--aylen:hover{color: #0abaff;}
.button--aylen:hover::before,
.button--aylen:hover::after{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}
/* 버튼 */

.p_fixed{position: fixed;left: 0;width: auto;height: auto;top: 57%;left: 70%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1000001;}
/* .dis_table{display: table;width: 100%;height: 100%;}
.dis_table_cell{display: table-cell;width: 100%;vertical-align: middle;} */
.pop_container{max-width:500px;height: 60%;position: relative;margin: 0 auto;}
.pop_container .btn_dada{position: absolute;right: 0;top: -30px;}
.pop_container img{box-shadow: 0 115px 115px rgba(0,0,0,0.5)}
.close_pop{color:#fff}
.close_pop label{cursor:pointer;font-size: 13px;margin-right: 10px;}
.close_pop label input[type="checkbox"]{margin: 0;padding: 5px;}
.close_pop a.closePop{font-size: 13px;color: #fff;font-weight: bold;}

/*==================
  * add style P.
===================*/
body.on-side{margin-left: 0;}
nav.navbar.bootsnav.no-background{-webkit-transition: all 0.1s ease-in-out !important;transition: all 0.1s ease-in-out !important;}
.attr-nav{display: none;}

/* intro */
.slide.main_ly01{background-image: url(/source/images/main/main_ly01_new.jpg) ;}
.slide.main_ly01 .conw_wrap{padding-top: 6.5%;padding-bottom: 6%;}
.section .main_ly01 h2{letter-spacing: -0.2px;text-align: center;}
.section .main_ly01 h2 span{display: block;font-size: 36px;font-weight: 300;}
.section .main_ly01 h2 strong{display: block;margin-top: 10px;font-size: 58px;font-weight: 300;line-height: 1em;} 
.section .main_ly01 h2 strong b{font-weight: 700;color: #4dcdff;}
.section .main_ly01 h2 strong b br{display: none;}

.video-wrap{padding: 0 14%;margin-top: 10px;}
.video{position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#video{position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
#video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.intro-box-wrap{margin-top: 3.5%;}
.intro-box-wrap:after{display: block;content: '';clear: both;}
.intro-box-wrap .box a{display: block;position: relative;z-index: 2;float: left;width: calc((100% - 43px)/4);height: 342px;padding: 50px 10px;background: transparent;color: #fff;-webkit-transition: 0.5s ease;transition: 0.5s ease;box-sizing: border-box;}
.intro-box-wrap .box:not(:first-child) a{margin-left: 14px;}
.intro-box-wrap .box .tit{display: block;text-align: center;font-size: 24px;font-weight: 500;color: #fff;}
.intro-box-wrap .box .icon-wrap{display: block;width: 120px;height: 120px;background-position: 0 0;border-right: no-repeat;margin: 20px auto;}
.intro-box-wrap .box:nth-child(1) .icon-wrap{background-image: url('/source/images/main/ic-convention.png');}
.intro-box-wrap .box:nth-child(2) .icon-wrap{background-image: url('/source/images/main/ic-solutions.png');}
.intro-box-wrap .box:nth-child(3) .icon-wrap{background-image: url('/source/images/main/ic-journal.png');}
.intro-box-wrap .box:nth-child(4) .icon-wrap{background-image: url('/source/images/main/ic-export.png');}
.intro-box-wrap .box .txt{display: block;font-size: 18px;font-weight: 300;text-align: center;}

.intro-box-wrap .box a:before{display: block;content: '';clear: both;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;opacity: 0;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.intro-box-wrap .box a:after{display: block;content: '';clear: both;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #fff;}
.intro-box-wrap .box a:hover{border: 0;}
.intro-box-wrap .box a:hover:before{z-index: -1;opacity: 1;}
.intro-box-wrap .box a:hover:after{border: 0;}
.intro-box-wrap .box:nth-child(1) a:before{background-image: url('/source/images/main/bg-intro-box.png');}
.intro-box-wrap .box:nth-child(2) a:before{background-image: url('/source/images/main/bg-intro-box2.png');}
.intro-box-wrap .box:nth-child(3) a:before{background-image: url('/source/images/main/bg-intro-box3.png');}
.intro-box-wrap .box:nth-child(4) a:before{background-image: url('/source/images/main/bg-intro-box4.png');}
.intro-box-wrap .box:nth-child(1) a:hover .icon-wrap{background-image: url('/source/images/main/ic-convention-on.png');}
.intro-box-wrap .box:nth-child(2) a:hover .icon-wrap{background-image: url('/source/images/main/ic-solutions-on.png');}
.intro-box-wrap .box:nth-child(3) a:hover .icon-wrap{background-image: url('/source/images/main/ic-journal-on.png');}
.intro-box-wrap .box:nth-child(4) a:hover .icon-wrap{background-image: url('/source/images/main/ic-export-on.png');}
/* intro */

/* export */
.section.export_wrap01{background-image: url(/source/images/main/export_wrapbg.jpg);}
.export_con01 h2{padding-top: 5%;font-size: 85px;font-weight: 500;color: #fff;text-align: center;}
.export_con01 h2 strong{color: #2cbcf4;}
.structure-wrap{margin-top: 7%;}
.structure-wrap:after{display: block;content: '';clear: both;}
.structure-wrap .box > a{display: block;float: left;width: calc((100% - 67px)/4);margin-left: 22px;margin-top: 22px;}
.structure-wrap .box > a:hover .tit{color: #2cbcf4;}
.structure-wrap .box:nth-child(4n+1) > a{margin-left: 0;}
.structure-wrap .box:nth-child(-n+4) > a{margin-top: 0;}
.structure-wrap .box .img-wrap{overflow: hidden;display: block;position: relative;height: 190px;}
.structure-wrap .box .img-wrap:before{display: block;content: '';clear: both;position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.structure-wrap .box > a:hover .img-wrap:before{top: 30%;}
.structure-wrap .box .img-wrap img{width: 100%;height: 100%;max-width: 100%;}
.structure-wrap .box .tit{display: block;position: relative;width: 100%;height: 75px;background: #111;font-size: 18px;font-weight: 500;color: #fff;text-align: center;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.structure-wrap .box .tit b{display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;padding: 0 5px;line-height: 1.2em;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.no-br{display: block;}
.structure-wrap .box > a:hover .tit b{top: -80%;}

/* .section.export_wrap01{background-image: url(/source/images/main/export_wrapbg.jpg);}
.export_con01 h2{padding-top: 5%;font-size: 85px;font-weight: 500;color: #fff;text-align: center;}
.export_con01 h2 strong{color: #2cbcf4;}
.structure-wrap{margin-top: 7%;}
.structure-wrap:after{display: block;content: '';clear: both;}
.structure-wrap .box > a{overflow: hidden;display: block;float: left;position: relative;width: calc((100% - 67px)/4);margin-left: 22px;margin-top: 22px;}
.structure-wrap .box > a:before{display: block;content: '';clear: both;position: absolute;top: 100%;left: 0;z-index: 1;width: 100%;height: 100%;background: url('/source/images/main/bg-intro-box.png') no-repeat center / cover;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.structure-wrap .box > a:hover:before{top: 0;}
.structure-wrap .box:nth-child(4n+1) > a{margin-left: 0;}
.structure-wrap .box:nth-child(-n+4) > a{margin-top: 0;}
.structure-wrap .box .img-wrap{overflow: hidden;display: block;position: relative;height: 190px;}
.structure-wrap .box .img-wrap img{width: 100%;height: 100%;max-width: 100%;}
.structure-wrap .box .tit{display: block;position: relative;width: 100%;height: 75px;background: #111;font-size: 18px;font-weight: 500;color: #fff;text-align: center;-webkit-transition: 0.3s ease;transition: 0.3s ease;}
.structure-wrap .box .tit b{display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;padding: 0 5px;line-height: 1.2em;-webkit-transition: 0.5s ease;transition: 0.5s ease;}
.no-br{display: block;}
.structure-wrap .box > a:hover .tit b{top: -80%;z-index: 2;} */

/* popup */
body.n-scroll{overflow: hidden !important;}
#dim{display: none;position: fixed;top: 0;left: 0;z-index: 1000000;width: 100%;height: 100vh;background: rgba(0,0,0,0.7);}
.export-pop{display: none;overflow-y: auto;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1000001;width: 1200px;height: auto;padding: 50px;background: #fff;color: #555;font-weight: 300;}
.export-pop.chemical{min-height: 860px;}
.export-pop-close{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;background: url('/source/images/main/ic-export-popclose.png') no-repeat center;}
.pop-contop:after{display: block;content: '';clear: both;} 
.export-pop .pop-contop .img-wrap{float: left;width: 525px;height: auto;}
.pop-contop .txt-wrap{float: left;width: calc(100% - 525px);padding-left: 50px;}
.pop-contop .txt-wrap h3{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #dddddd;font-size: 36px;font-weight: 700;}
.txt-wrap.logistic .list-type2{margin-bottom: 30px;}
.txt-wrap.logistic .list-type2 li{font-size: 16px;color: #222;font-weight: 500;}
.txt-wrap.logistic .list-type2 li:not(:first-child){margin-top: 10px;}

.info-list li{font-size: 16px;}
.info-list > li:not(:first-child){margin-top: 20px;}
.info-list li:after{display: block;content: '';clear: both;}
.info-list li .list-tit{display: inline-block;width: 140px;font-weight: 500;vertical-align: top;}
.info-list li .list-con{display: inline-block;width: calc(100% - 145px);font-weight: 300;}
.info-list li .list-con a{display: block;color: #555;font-weight: 300;word-break: break-all;}
.info-list li p.color-blue{color: #4570e1;font-weight: 500;}

.list-type1 li{position: relative;padding-left: 10px;}
.list-type1 li:not(:first-child){margin-top: 10px;}
.list-type1 li:before{display: block;content: '';clear: both;position: absolute;left: 0;top: 12px;width: 5px;height: 1px;background: #555;}

.pop-conb{margin-top: 50px;}
.pop-conb.health{margin-top: 30px;}
.pop-conb.health > .list-type2{margin-bottom: 30px;}
.pop-conb.health > .list-type2 li{font-size: 16px;color: #222;}
.circle-wrap{text-align: center;}
.circle-wrap:after{display: block;content: '';clear: both;}
.circle{display: inline-block;position: relative;width: 247px;text-align: center;vertical-align: top;}
.circle:not(:first-child){margin-left: 106px;}
.circle-wrap .circle .img-wrap{display: block;position: relative;height: auto;margin-bottom: 10px;}
.circle:not(:first-child) .img-wrap:before{display: block;content: '';clear: both;position: absolute;top: 50%;right: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 110px;height: 1px;background: #c9c9c9;}
.circle-wrap .circle .img-wrap strong{display: block;width: 100%;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);padding: 0 10px;font-size: 14px;font-weight: 500;color: #fff;line-height: 20px;}
.circle-wrap .circle .img-wrap img{width: auto;height: auto;}
.circle-wrap .circle .circle-txt{font-size: 14px;}
.circle-wrap .circle .list-type1{display: inline-block;}
.circle-wrap .circle .list-type1 li:not(:first-child){margin-top: 0;}

.pop-tabmenu{margin-top: 10px;margin-bottom: 50px;}
.pop-tabmenu:after{display: block;content: '';clear: both;}
.pop-tabmenu li{float: left;position: relative;width: 50%;height: 50px;background: #cccccc;text-align: center;}
.pop-tabmenu li > a{display: block;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;padding: 10px;color: #fff;font-size: 20px;font-weight: 500;}
.pop-tabmenu li.on{background: #2cbcf4;}
.pop-tabmenu li > a:hover, 
.pop-tabmenu li > a:focus, 
.pop-tabmenu li > a:active, 
.pop-tabmenu li > a:visited{text-decoration: none;}
.pop-gall-list:after{display: block;content: '';clear: both;}
.pop-gall-list li{float: left;width: calc((100% - 51px)/6);}
.pop-gall-list li:not(:first-child){margin-left: 10px;}
.pop-gall-list .gall-tit{display: block;padding-top: 10px;font-size: 14px;font-weight: 300;text-align: center;}
.pop-gall-list.n4 li{float: left;width: calc((100% - 31px)/4);}
.pop-gall-list.n4 li:not(:first-child){margin-left: 10px;}

.bg-box{padding: 30px;background: #ecf0fc;border-top: 2px solid #2cbcf4;color: #222222;font-size: 16px;}

.list-type2 li{position: relative;padding-left: 15px;}
.list-type2 li:before{display: block;content: '';clear: both;position: absolute;top: 11px;left: 0;width: 4px;height: 4px;background: #08a8e6;border-radius: 50%;}
.list-type2 li:not(:first-child){margin-top: 15px;}

/* export */
.team_wrap01 h1.fz65{font-size: 65px;}
.w350{display: inline-block;width: 350px;vertical-align: top;}

/* ==============================
	* Notice
============================== */
.baord-con01{width: 100%;}
#board{padding: 30px 0 100px;}
#board h3{display: block;margin-bottom: 70px;font-size: 40px;font-weight: 400;text-align: center;}
.sch-wrap{margin-bottom: 20px;}
.sch-wrap .form-group{display: block;width: auto;margin-bottom: 0;}
.sch-wrap .form-control{display: inline-block;width: auto;height: 45px;border-radius: 0;font-size: 16px;font-weight: 300;vertical-align: top;}
.sch-wrap .form-control.sch-key{width: 140px;}
.sch-wrap .form-control.sch-input{width: 250px;padding-right: 45px;margin-left: 5px;}
.sch-wrap .btn-sch{display: inline-block;width: 45px;height: 45px;margin-left: -48px;padding: 0;font-size: 24px;text-align: center;}

/* list */
.notice-default{margin-bottom: 30px;border-top: 2px solid #186097;}
.notice-default li{display: table;width: 100%;border-bottom: 1px solid #dddddd;background-color: #fff;font-size: 18px;font-weight: 300;color: #888;table-layout: fixed;}
.notice-default li > div{display: table-cell;padding: 15px 10px;text-align: center;}
.notice-default li > div.text-left{text-align: left;}
.notice-default li.list-head{background: #f1f9fc;font-weight: 400;color: #000000;}
.notice-no{width: 10%;}
.notice-no strong{color: #D22A2A;}
.notcie-subject > a{-webkit-transition: 0.2s ease;transition: 0.2s ease;}
.notice-subject > a:hover{text-decoration: underline;}
.notice-date{width: 15%;}
.notice-name{width: 10%;}
.notice-hit{width: 10%;}
.btn-reply{color: #f0a400;}

/* paging */
.paging-wrap{width: 100%;margin: 80px 0 0;}
.pagination{width: 100%;margin: 0;border-radius: 0;text-align: center;}
.pagination > li{display: inline-block;width: 40px;height: 40px;}
.pagination > li:first-child{margin-right: 10px;}
.pagination > li:first-child > a, .pagination > li:first-child > span{border-radius: 50%;}
.pagination > li:last-child{margin-left: 10px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius: 50%;}
.pagination > li > a{display: block;width: 100%;height: 100%;padding: 10px 0;border: 0;border-radius: 50%;font-size: 18px;font-weight: 400;color: #000;text-align: center;line-height: 1;vertical-align: top;}
.pagination > li > a i{font-size: 16px;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background: #fff;color: #000;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #18C0D7;color: #fff;}
.pagination > .num:hover, .pagination > .num.on{background-color: #18C0D7;color: #fff;}

/* common */
.mb10{margin-bottom: 10px;}

.full-left{float: left;}
.full-right{float: right;}

.ellipsis{overflow: hidden;display: inline-block;max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis3{overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis4{overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis5{overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

/* ==================
	* media
=================== */
@media screen and (max-width:1023px) {
	.layer1140{padding: 0 15px;}

	#board h3{margin-bottom: 50px;font-size: 32px;}
	.sch-wrap.form-control{display: inline-block;width: auto;}
	.sch-wrap.form-control.sch-key{width: auto;}
	.sch-wrap.form-control.sch-input{width: auto;}

	.notice-default li{font-size: 16px;}
	
	.paging-wrap{margin: 60px 0 0;}

	.form-control{height: 38px;font-size: 14px;}
}

@media screen and (max-width:767px) {
	#board h3{margin-bottom: 30px;font-size: 24px;}
	.sch-wrap{margin-bottom: 15px;}
	.sch-wrap .form-control{height: 35px;font-size: 14px;}
	.sch-wrap .form-control.full-left{float: none;}
	.sch-wrap .form-group{display: block;width: 100%;margin-top: 5px;}
	.sch-wrap .btn-sch{width: 35px;height: 35px;margin-left: -38px;}

	.notice-default li{padding: 10px 20px;font-size: 14px;}
	.notice-default li.list-head{display: none;}
	.notice-default li > div{display: inline-block;width: auto;padding: 5px 0;}
	.notice-default li > div.notice-no{display: none;}
	.notice-default li > div.notice-subject{width: 100%;text-align: left;}
	.notice-subject > a{font-size: 16px;font-weight: 500;}
	.notice-default li div.notice-date, .notice-default li div.notice-hit{position: relative;padding-left: 15px;margin-left: 15px;}
	.notice-default li div.notice-date:before, .notice-default li div.notice-hit:before{display: block;content: '';clear: both;position: absolute;top: 10px;left: 0;width: 1px;height: 12px;background-color: #ccc;}
	
	.paging-wrap{margin: 20px 0;}
	.pagination > li{width: 30px;height: 30px;}
	.pagination > li:first-child{margin-right: 5px;}
	.pagination > li:last-child{margin-left: 5px;}
	.pagination > li > a{padding: 7px 0;font-size: 14px;}
	.pagination > li > a i{font-size: 12px;}

	.help{font-size: 12px;}
}

@media screen and (max-width:420px) {
	.sch-wrap .form-group{position: relative;}
	.sch-wrap .form-control.sch-key{width: 110px;}
	.sch-wrap .form-control.sch-input{width: -webkit-calc(100% - 120px);width: -moz-calc(100% - 120px);width: calc(100% - 120px);}
	.sch-wrap .btn-sch{position: absolute;top: 0;right: 0;margin-left: 0;}
}


/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media only screen and (min-width: 1201px){
	.conw_wrap{width: 1400px;margin: 0 auto;padding: 0 2%;}
	.fp-slidesNav{display: none;}

	/*==================
	  * P.
	===================*/
	.conw_wrap.res{width: auto;max-width: 1400px;}
	.slide.main_ly01 .conw_wrap{padding-left: 0;padding-right: 0;}	
}
@media only screen and (max-width: 1400px){
	.slide.main_ly01 .conw_wrap{padding-top: 10%;padding-bottom: 110px;padding-left: 2%;padding-right: 2%;}
	.video-wrap{padding: 0 12%;}
}

/* 큰 기기들 (큰 데스크탑, 1200px 이하) */
@media only screen and (max-width: 1200px){
	.conw_wrap{padding: 0 2.5%;}

	.slide.main_ly01 .conw_wrap{padding-top: 15%;}
	.video-wrap{padding: 0 10%;}

	/* 풀페이지 */
	.fp-controlArrow.fp-next{display: none;}
	.fp-slidesNav{display: block;	}	
	.fp-slidesNav ul{text-align: right;}
	/* 풀페이지 */

	.brand_ones-info img{height: 150px;}
	.brand_ones-info h2{font-size: 35px;}
	.brand_ones-info h3{font-size: 25px;}
	.brand_ones-info p{font-size: 18px;}

	.mice_list{text-align: center;}
	.mice_sec03-img01{display: block;width: 100%;}
	.mice_sec03-right{display: block;text-align: center; width: 100%;}
	.mice_since{display: none;}
	.mice_btn-wrap{position: relative;display: block;width: 100%;background:  none;}
	.mice_btn-wrap:before{display: none;}
	.mice-btn{position: relative;width: 90%;min-width: 80%;display: block !important;margin: 1em auto !important ; background: #000 !important;text-align: center;}

	/* popup */
	.export-pop{width: 95%;padding: 30px;}
	.export-pop .pop-contop .img-wrap{width: 40%;height: auto;}
	.pop-contop .txt-wrap{width: 60%;padding-left: 30px;}

	.pop-contop .txt-wrap h3{font-size: 28px;}
	.info-list li{font-size: 14px;}
	.info-list > li:not(:first-child){margin-top: 15px;}
	.pop-conb{margin-top: 40px;}
	.circle{width: 25%;}
	.circle:not(:first-child){margin-left: 50px;}
	.circle-wrap .circle .img-wrap{overflow: visible;position: relative;height: auto;margin-bottom: 10px;}
	.circle:not(:first-child) .img-wrap:before{display: block;content: '';clear: both;position: absolute;top: 50%;right: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 54px;height: 1px;background: #c9c9c9;}
	.circle-wrap .circle .img-wrap img{width: auto;height: auto;}
	.circle-wrap .circle .circle-txt{font-size: 14px;}
	.circle-wrap .circle .list-type1{display: inline-block;}
	.circle-wrap .circle .list-type1 li:not(:first-child){margin-top: 0;}
}

/* 중간 기기들 (데스크탑, 1040px 이하) */
@media only screen and (max-width: 1100px){
	.Representative_num dt{display: inline-block;	width: 100%;vertical-align:top;font-size: 23px;}
	.Representative_num dd{display: inline-block;width: 100%;font-weight: 400;font-size: 15px;line-height: 1.8;}
	.Representative_num dd a{color:#fff}
	.Representative_num dd>div{overflow: hidden;}
	.Representative_num dd>div>div{width: 30%;float: left;margin-right: 3%;}
	.Representative_num dd>div>div:after{clear: both;display: block;content:'';}
	.Representative_num dd strong{font-size: 16px;font-weight: 400;}
}

/* 중간 기기들 (데스크탑, 1040px 이상) */
@media only screen and (min-width: 1040px){
	#fp-nav{display: none;}
	.gallery-top img{height: 500px;}
}

/* 중간 기기들 (데스크탑, 1040px 이하) */
@media only screen and (max-width: 1040px){
	.section.it_wrap03 .it_list>ol>li{width: 100%;margin: 0;margin-bottom: 5%;height: 100%;}
	.section.it_wrap03 .it_list>ol>li:first-child .it_li-img img{height: 130px;}
	.section.journal_wrap03 .journal_list>ol>li{width: 100%;margin: 0;margin-bottom: 5%;height: 100%;}
	.section.journal_wrap03 .journal_list>ol>li:first-child .it_li-img img{height: 130px;}
	.sd_btn{display: none;}
}

/* 중간 기기들 (데스크탑, 1024px 이하) */
@media only screen and (max-width: 1024px){
	.attr-nav{display: block;}
	nav.navbar.bootsnav.navbar-fixed{background: #000;}
	
	/* .slide.main_ly01{background-image: url(/source/images/main/main-md_ly01.jpg) ;}  */	
	
	.slide .main_ly01{padding-top: 15%;}
	.slide .main_ly01 .conw_wrap{padding-top: 0;}
	.section .main_ly01 h2 strong{margin-top: 0;}	
	.video-wrap{padding: 0 5%;}

	.section .ly01_con h1{font-size: 80px;color:#2fc5ff;font-weight: 400;	}
	.section .ly01_con h1 span{font-size: 24px;color:#fff}		 
	.section .ly01_con h2{font-size: 60px;font-weight: 400;padding-bottom: 1%;}
	.section .ly01_con p{font-size: 19px;font-weight: 300;}

	.slide.main_ly02{background-image: url(/source/images/main/main-md_ly02.jpg) ;} 
	.section .ly02_con{padding-top: 15%;}
	.section .ly02_con h1{font-size: 80px;color:#2fc5ff;font-weight: 400;	}
	.section .ly02_con h1 span{font-size: 24px;color:#fff}		 
	.section .ly02_con h2{font-size: 60px;font-weight: 400;padding-bottom: 1%;}
	.section .ly02_con .about_intro {font-size: 19px;font-weight: 300;}
	
	.section .ly02_con  .cir-wrap .cir{display: inline-block;width: 150px;height: 150px;}
	.section .ly02_con  .cir-wrap .cir .count{font-size: 75px;	}
	.section .ly02_con  .cir-wrap p{font-size: 13px;}

	.it_con01 h1{font-size: 65px;color:#fff}
	.it_con01 h1 span{color:#2cbcf4}
	.it_con01 h2{font-size: 17px;color:#2cbcf4}
	.it_con01 p{color:#fff;font-size: 14px;}
	.it_con01 p strong{font-size: 18px;}

	.journal_con01 h1{font-size: 65px;color:#fff}
	.journal_con01 h1 span{color:#2cbcf4}
	.journal_con01 h2{font-size: 17px;color:#2cbcf4}
	.journal_con01 p{color:#fff;font-size: 14px;}
	
	.journal_con02 .journal_book{display: none;}
	
	.team_wrap01 h1{font-size: 65px;color:#fff}
	.team_wrap01 h1 span{color:#2cbcf4}
	.team_wrap01{padding-top: 20%;}
	.Representative_num.type2 dl{padding: 1.5%;}
	.Representative_num dt{display: inline-block;	width: 100%;vertical-align:top;font-size: 15px;}
	.Representative_num dd{display: inline-block;width: 100%;font-weight: 400;font-size: 11px;line-height: 1.8;}
	.Representative_num dd a{color:#fff}
	.Representative_num dd>div{overflow: hidden;}
	.Representative_num dd>div>div{clear: both;margin-bottom: 2%;width: 100%;}
	.Representative_num.type2 dd>div>div{clear: none;width: 50%;float: left;margin-right: 0;}
	.Representative_num dd>div>div:after{clear: both;display: block;content:'';}
	.Representative_num dd strong{font-size: 12px;font-weight: 400;}

	/*==================
	  * P.
	===================*/
	/* intro */
	.section .main_ly01 h2{font-size: 36px;line-height: 60px;}
	.section .main_ly01 h2 strong{font-size: 50px;}
	/* intro */

	/* export */
	/* .export_con01 h2{padding-top: 20%;font-size: 65px;} */
	.export_con01 h2{font-size: 65px;}
	.structure-wrap .box > a{display: block;float: left;width: calc((100% - 67px)/4);margin-left: 22px;margin-top: 22px;}
	.structure-wrap .box .img-wrap{height: auto;}
	.structure-wrap .box .tit{height: 65px;font-size: 16px;}
	.structure-wrap .box .tit b{line-height: 1;}
	.no-br{display: none;}
	/* export */

	nav.bootsnav .container{width: 100%;padding: 0;}
	nav.navbar.bootsnav .navbar-header{padding: 0;}
	.attr-nav{right: 2.5%;}
	.attr-nav > ul{margin: 0;}
	.attr-nav > ul > li > a{padding: 5px 20px 15px;}

	/* popup */
	.pop-conb.health{margin-bottom: 20px;}
	.pop-conb.health > .list-type2{margin-bottom: 20px;}
	.pop-conb.health > .list-type2 li{font-size: 14px;}
	.pop-tabmenu{margin-bottom: 30px;}
	.pop-tabmenu li > a{font-size: 18px;line-height: 1.2em;}
	.pop-gall-list .gall-tit{min-height: 40px;font-size: 12px;line-height: 1.2em;}
	.bg-box{padding: 20px;font-size: 14px;}
	.list-type2 li:not(:first-child){margin-top: 10px;}
	.list-type2 li:before{top: 9px;}
}

/* 작은 기기들 (태블릿, 768px 이하) */
@media only screen and (max-width: 768px){
	.section .ly01_con h1{font-size: 40px;color:#2fc5ff;font-weight: 400;	}
	.section .ly01_con h1 span{font-size: 18px;color:#fff}		 
	.section .ly01_con h2{font-size: 30px;font-weight: 400;padding-bottom: 1%;}
	.section .ly01_con p{font-size: 13px;font-weight: 300;}

	.video-wrap{padding: 0;margin-top: 0;}

	.section .ly02_con h1{font-size: 40px;color:#2fc5ff;font-weight: 400;	}
	.section .ly02_con h1 span{font-size: 18px;color:#fff}		 
	.section .ly02_con h2{font-size: 30px;font-weight: 400;padding-bottom: 1%;}
	.section .ly02_con .about_intro {font-size: 13px;font-weight: 300;}
	.section .ly02_con  .cir-wrap{display: block;text-align: center;margin:  0;}
	.section .ly02_con .cir-wrap .cir{display: inline-block;width: 120px;height: 120px;background: #fff;color:#000;border-radius:50%;text-align: center;}
	.section .ly02_con .cir-wrap .cir .count{font-size: 45px;	line-height: 1.8;}
	.section .ly02_con  .cir-wrap p{}
	
	.it_con01 h1{font-size: 35px;color:#fff}
	.it_con01 h1 span{color:#2cbcf4}
	.it_con01 h2{font-size: 14px;color:#2cbcf4}
	.it_con01 p{color:#fff;font-size: 12px;}
	.it_con01 p strong{font-size: 15px;}

	.section.it_wrap03 .it_list>ol>li:first-child .it_li-img img {height: 80px;}
	.section.it_wrap03 .it_li-con>li>strong {font-size: 13px;}
	.section.it_wrap03 .it_li-con>li>ul>li{font-size: 13px;}
	.section.it_wrap03 .it_list h3{font-size: 17px;}

	.it_li-img img{height: 50px;}

	.it_con03{ padding: 15% 0 2% 0;}

	.journal_con01 h1{font-size: 35px;color:#fff}
	.journal_con01 h1 span{color:#2cbcf4}
	.journal_con01 h2{font-size: 14px;color:#2cbcf4}
	.journal_con01 p{color:#fff;font-size: 12px;}
	
	.section.journal_wrap03 .journal_li-img img{height: 50px;}
	.section.journal_wrap03 .journal_list h3{font-size: 17px}

	.section.journal_wrap03 .journal_li-con>li{font-size: 13px;}
	.section.journal_wrap03 .journal_li-con>li>ul>li{font-size: 13px;}


	.journal_con03{ padding: 15% 0 2% 0;}
	.journal_con04{ padding: 15% 0 2% 0;}
	
	
	.mice_con01 h1{font-size: 35px;color:#fff}
	.mice_con01 h1 span{color:#2cbcf4}
	.mice_con01 h2{font-size: 14px;color:#2cbcf4}
	.mice_con01 p{color:#fff;font-size: 12px;}

	.mice_sec03-img01 img{height: 280px;}

	.team_wrap01 h1{font-size: 35px;color:#fff}
	.team_wrap01 h1.fz65{font-size: 30px;}
	.w350{display: block;width: 100%;}
	.team_wrap01 h1 span{color:#2cbcf4}
	.team_wrap02 iframe{height: 200px;}
	.team_wrap02 .contact_logo img{height: 28px;}
	.team_wrap02 address{font-size: 15px;	}
	
	.brand_ones-info img{height: 90px;}
	.brand_ones-info h2{font-size: 20px;}
	.brand_ones-info h3{font-size: 14px;}
	.brand_ones-info p{font-size: 12px;}

	#brand_footer.section{font-size: 11px;}

	.pop_container .btn_dada{right: 2.5%;}
	.pop_container .btn_dada + div{padding: 0 2.5%;}
	.pop_container .btn_dada + div img{max-width: 100%;}

	/*==================
	  * P.
	===================*/
	.p_fixed{width: 80%;}	

	/* intro */
	.slide .main_ly01{padding-top: 90px;padding-bottom: 55px;}
	.slide .main_ly01 .conw_wrap{padding-bottom: 0;}
	.section .main_ly01 h2{line-height: 1em;}
	.section .main_ly01 h2 span{font-size: 20px;}
	.section .main_ly01 h2 strong{font-size: 31px;font-weight: 300;line-height: 1.1em;}
	.section .main_ly01 h2 strong b{font-weight: 700;}
	.section .main_ly01 h2 strong b br{display: block;}

	.intro-box-wrap{margin-top: 20px;}
	.intro-box-wrap:after{display: block;content: '';clear: both;}
	.intro-box-wrap .box a{width: calc((100% - 16px)/2);height: auto;min-height: 230px;margin-top: 15px;padding: 20px 10px;}
	.intro-box-wrap .box:not(:first-child) a{margin-left: 15px;}
	.intro-box-wrap .box:nth-child(2n+1) a{margin-left: 0;}
	.intro-box-wrap .box:nth-child(-n+2) a{margin-top: 0;}
	.intro-box-wrap .box .tit{font-size: 16px;}
	.intro-box-wrap .box .icon-wrap{width: 100px;height: 100px;background-position: 0 0;background-size: 100px;margin: 15px auto;}
	.intro-box-wrap .box .txt{font-size: 14px;line-height: 18px;}
	/* intro */

	/* export */
	.section.export_wrap01{padding-top: 20%;padding-bottom: 20%;}
	.export_con01 h2{padding-top: 10%;font-size: 35px;}
	.structure-wrap .box > a{width: calc((100% - 16px)/2);margin-left: 15px;margin-top: 15px;}
	.structure-wrap .box:nth-child(4n+1) > a{margin-left: 15px;}
	.structure-wrap .box:nth-child(2n+1) > a{margin-left: 0;}
	.structure-wrap .box:nth-child(-n+4) > a{margin-top: 15px;}
	.structure-wrap .box:nth-child(-n+2) > a{margin-top: 0;}
	.structure-wrap .box .tit{height: 50px;font-size: 14px;}

	/* popup */
	.export-pop{height: 80vh;padding: 20px 15px;padding-top: 40px;}
	.export-pop.chemical{min-height: auto;}
	.export-pop-close{width: 40px;height: 40px;background-size: 20px;}
	.export-pop .pop-contop .img-wrap{width: 100%;}
	.pop-contop .txt-wrap{width: 100%;padding-left: 0;padding-top: 30px;}
	.pop-contop .txt-wrap h3{padding-bottom: 10px;margin-bottom: 10px;font-size: 20px;}
	.list-con.list-type1 li:not(:first-child){margin-top: 5px;}
	.list-con.list-type1 li:before{top: 11px;}
	.txt-wrap.logistic .list-type2 li{font-size: 14px;}
	.txt-wrap.logistic .list-type2 li:not(:first-child){margin-top: 10px;}

	.info-list > li:not(:first-child){margin-top: 7px;}
	.info-list li .list-tit{width: 100px;}
	.info-list li .list-con{width: calc(100% - 105px);}

	.pop-conb{margin-top: 20px;}
	.circle{display: block;float: left;width: calc((100% - 16px)/2);margin-top: 20px;word-break: break-all;}
	.circle:not(:first-child){margin-left: 15px;}
	.circle:nth-child(2n+1){margin-left: 0;}
	.circle:nth-child(-n+2){margin-top: 0;}
	.circle:last-child .list-type1 li{text-align: left;}
	.circle:last-child .list-type1 li:before{top: 8px;}
	.circle:not(:first-child) .img-wrap:before{display: none;}
	.circle-wrap .circle .img-wrap strong{padding: 0 25px;font-size: 12px;line-height: 16px;}
	.circle-wrap .circle .circle-txt{font-size: 12px;}

	.pop-tabmenu{margin-top: 0;margin-bottom: 20px;}
	.pop-tabmenu li > a{font-size: 14px;}
	.pop-gall-list li{width: calc((100% - 21px)/3);margin-top: 10px;}
	.pop-gall-list li:nth-child(-n+3){margin-top: 0;}
	.pop-gall-list li:nth-child(3n+1){margin-left: 0;}

	.pop-gall-list.n4 li{float: left;width: calc((100% - 11px)/2);margin-top: 10px;}
	.pop-gall-list.n4 li:not(:first-child){margin-left: 10px;}
	.pop-gall-list.n4 li:nth-child(2n+1){margin-left: 0;}
	.pop-gall-list.n4 li:nth-child(-n+2){margin-top: 0;}

	.bg-box{margin-bottom: 20px;padding: 15px;}
	.list-type2 li:not(:first-child){margin-top: 7px;}
	/* export */
}

@media only screen and (max-width: 420px){
	/*==================
	  * P.
	===================*/
	.intro-box-wrap .box a{min-height: 170px;padding: 15px 10px;}
	.intro-box-wrap .box .icon-wrap{width: 60px;height: 60px;margin: 10px auto;background-size: 60px;}
}