/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');


body {
  padding-top: 6rem;
  padding-bottom: 0rem;
  color: #5a5a5a;
  font-family:"Noto Sans KR", sans-serif;
}

h5, h6{  font-size:1rem;}




/*±è±¤¹Î Ãß°¡*/

.page-content{font-size:12px; margin-right: auto; margin-left: auto; }
.article-title{font-size:1rem;}

@media (max-width: 1299px){
}


@media (min-width:1200px){
	.container{max-width:1300px;}

		.page02_cont_right {
		line-height: 1.4;
		top: 80px;
		right: 0;
		position: absolute;
		width: 49%;
		z-index: 1;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		font-size: 14px;
	}

		.page02_cont_right2 {
		line-height: 1.4;
		top: 380px;
		right: 0;
		position: absolute;
		width: 36%;
		z-index: 1;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		font-size: 14px;
	}

		.page02_cont_right3 {
		line-height: 1.4;
		top: 1180px;
		right: 0;
		position: absolute;
		width: 49%;
		z-index: 1;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		font-size: 14px;
	}


	.page02_cont_right_bottom {
		line-height: 1.4;
		bottom: 0px;
		right: 0;
		position: absolute;
		width: 33%;
		z-index: 1;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		font-size: 14px;
	}


	.page02_cont_right_bottom div p {margin-bottom: 0.3rem;}
	.pc_item_banner {display: block; width:100%;}
	.page02_mobile {display:none;}
}




@media (min-width:1200px){
	.container{max-width:1300px;}
		.page05_cont_right {
		line-height: 1.4;
		top: 20px;
		right: 0;
		position: absolute;
		width: 49%;
		z-index: 1;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		font-size: 14px;
	}

	.page05_cont_right_bottom {
		line-height: 1.4;
		bottom: 0px;
		right: 0;
		position: absolute;
		width: 33%;
		z-index: 1;
		transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		font-size: 14px;
	}


	.page05_cont_right_bottom div p {margin-bottom: 0.3rem;}
	.pc_item_banner {display: block; width:100%;}
	.page02_mobile {display:none;}
}

@media (max-width: 1024px){
	.pc_item_banner {display: none;}
	.pc_item_banner {display: none;}
	.page02_mobile {display: block;}
	.page02_cont_left img{width:100%;}
	.page02_mobile img{width:100%}
}

@media (min-width:992px){

	.navbar-expand-lg .navbar-collapse{
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		table-layout: fixed;
		margin: 0px;
		-ms-flex-direction: row;
		flex-direction: row;
		width: 100%;}

	.navbar-expand-lg .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
		display: table;
		width: 97%;
		table-layout: fixed;
		margin: 0px;
	}

	.dropdown{display:table-cell; vertical-align:top;}

	#sub_box .col-lg-3 img{width:100%;}
	#sub_box .col-lg-2 img{width:100%;}

	.sub_box #contentsArea .col-sm-6 img{width:100%;}
	.sub_box #contentsArea .col-sm-6 .text-size-16{height:313px;}
	.sub_box #contentsArea .col-sm-6 .text-size-16 tr .account_left {width: 120px; padding: 8px 15px; background: #e9e9e9e9;}
	.sub_box #contentsArea .col-sm-6 .text-size-16 tr .account_right {padding: 8px 15px; background: #f6f6f6; letter-spacing: -1.3px; font-size: 0.9em;}

	.page-content{font-size:12px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width:1170px;}
	.article-title{font-size:1rem;}

}


@media (min-width:768px) {
	.logoArea{height: 80px; float: left; margin: 0px 0; overflow: hidden; display: table; background-color: transparent; position: ;}

	.logoArea .logo {display:table-cell; vertical-align:middle; text-align:left; position:absolute;}
	.logoArea .logo a{text-align: center; display: inline-block; max-width: 100%; position: relative; background-color: transparent;}
	.logoArea .logo a img{max-width:325px; width:100%;}
	.logoArea .logo .logo_on{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; transform: translate(20px, 0px); opacity: 0; position: absolute; top: 0px; left: 0px;}
	.logoArea .logo a:hover .logo_on {transform: translate(0px, 0px); opacity: 1;}
	.logoArea .logo .logo_off{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 1;}
	.logoArea .logo a:hover .logo_off {transform: translate(20px, 0px); opacity: 0;}



	#contentsArea .page02_4_section4 .line{padding:25px 0;}
	#contentsArea .page02_4_section4 .line .left_item{height:300px; vertical-align:middle; display:table-cell; width:365px;}
	#contentsArea .page02_4_section4 .line .left_item img{ width:100%;}

	#contentsArea .page02_4_section4 .right_text{width:561px; height:300px; vertical-align:middle; display:table-cell; line-height:2.3;}

	#contentsArea .page02_4_section4 .right_text ul{list-style:none; padding:0; margin:0;}
	#contentsArea .page02_4_section4 .right_text ul li{}
	#contentsArea .page02_4_section4 .right_text ul li b{padding:0 5rem;}
	#contentsArea .page02_4_section4 .right_text ul li .title_last{float:left;}

	#contentsArea .page02_4_section4 .right_text ul li span{font-size:0.8rem;}

	#contentsArea .page02_4_section4 .right_text ul li div{width:20%; float:left; vertical-align:middle; margin:0 2.2rem; text-align:right; font-weight:bold;}
	#contentsArea .page02_4_section4 .right_text ul li .small_item{padding:0; margin:0; float:left; width:60%; list-style:none;}
	#contentsArea .page02_4_section4 .right_text ul li .small_item li{width:33.3%; float:left; text-align:center;}
	#contentsArea .page02_4_section4 .right_text ul li .small_item li img{vertical-align:text-top; width:90%; }
	#contentsArea .page02_4_section4 .right_text ul li .small_item li:nth-child(2) img{margin:0 .3rem;}

}


@media (max-width:768px) {
	.fa-bars:before{color:#333; font-size:1.7em;}


	#contentsArea .page02_4_section4 .line{padding:25px 0;}
	#contentsArea .page02_4_section4 .line .left_item{vertical-align:middle; text-align:center;}
	#contentsArea .page02_4_section4 .line .left_item img{width:100%;}

	#contentsArea .page02_4_section4 .right_text{height:300px; vertical-align:middle; display:table-cell; line-height:2.3;}

	#contentsArea .page02_4_section4 .right_text ul{list-style:none; padding:0; margin:0;}
	#contentsArea .page02_4_section4 .right_text ul li{display:inline-flex;}
	#contentsArea .page02_4_section4 .right_text ul li b{padding:0 5rem;}
	#contentsArea .page02_4_section4 .right_text ul li .title_last{float:left;}

	#contentsArea .page02_4_section4 .right_text ul li span{font-size:0.62rem;}

	#contentsArea .page02_4_section4 .right_text ul li div{min-width:65px; float:left; vertical-align:middle; margin:0 1rem; text-align:left; font-weight:bold; font-size:0.64rem;}
	#contentsArea .page02_4_section4 .right_text ul li .small_item{padding:0; margin:0; float:left; width:60%; list-style:none;}
	#contentsArea .page02_4_section4 .right_text ul li .small_item li{width:33.3%; float:left; text-align:center;}
	#contentsArea .page02_4_section4 .right_text ul li .small_item li img{vertical-align:text-top; width:90%; }
	#contentsArea .page02_4_section4 .right_text ul li .small_item li:nth-child(2) img{margin:0rem;}
}




.btn-primary {
    color: #111;
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid #666469;
    border-radius: 2px;
    font-weight: 300;
    font-size: 1.0rem;
    color: #111;
}


.btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #333;
    border-color: #333;
}


.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: center;
}


.carousel-indicators .active {
    background-color: rgba(10, 10, 10, 0.85);
}

.carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 10px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
}


.carousel-control-prev-icon, .carousel-control-next-icon{background-image:none;}

.carousel-control-prev .carousel-control-prev-icon{left:1%; padding:5px;}

.carousel-control-prev i{background-color: rgba(10, 10, 10, 0.85); padding: 10px;}


.carousel-control-next .carousel-control-next-icon{right:1%; padding:5px;}

.carousel-control-next i{background-color: rgba(10, 10, 10, 0.85); padding: 10px;}


@media (min-width:640px) {
	.nav-link{color:#666 !important;}
	.marketing .box {margin: 10px 0;}
	.marketing .box .imgArea {font-size: 0; overflow: hidden;}
	.marketing .box .imgArea a:hover h5{color:#111; font-weight:600;}
	.marketing .box .imgArea h5{text-align:center; color:#666;}
	.marketing a img {border-radius: 0 !important; width: 100%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(1.1); transform: scale(1.1);}
	.marketing a img:hover {-webkit-transform: scale(1.0); transform: scale(1.0);}

	.ms13 {margin: 0px 0; padding: 50px 0; background-color: #f4f4f4; }
	.ms13 .de13 .con {overflow: hidden; margin: 20px 0;}

	.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}

	.ms13 .de13 .con .glyphicon {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 20%;
    float: left;
    background-color: #99a3ad;
    border-radius: 3px;
    max-width: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 2.0em;
	}

	.ms13 .de13 .con .glyphicon:hover {
    background: #333;
    font-size: 2em;
    color: #fff;
	}

	.de13 .con div {
    width: 80%;
    float: right;
    padding-left: 10px;
	}

	.de13 .con div h4 {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    margin: 10px 0;
    font-size: 1.250em;
    color: #000;
	font-weight:500;
	}

	.ms13 .de13 .con div:hover h4 {
    padding-left: 10px;
    font-weight: bold;
	color:#000;
	}

	.de13 .con div p {
    text-align: left;
    font-size: 1.0em;
    color: #666;
    letter-spacing: -0.3px;
	margin-bottom:0;
	}

	.ms14 {}

	#company_text{position:relative;}
	#company_text .company_img{width:380px; float:left; margin-right:45px;}
	#company_text h5{font-size:1.2rem; font-weight:400;}
	#company_text p{line-height:1.4;}



	.de22_cu dl .pc_year {height:auto; width:100%; vertical-align:middle; display:block;}
	.de22_cu dl .pc_year img{width:100%;}
	.de22_cu dl .mobile_year {display: none;}


	.de22_cu .sec dl dd {padding-left: 5%; position: relative; border-left: 5px solid #8da5b6; margin-bottom: 0; height: 300px; width: 642px; vertical-align: middle;}


	.de22_cu dl dd:before {
    position: absolute;
    display: block;
    content: "";
    top: 138px;
    left: -14px;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border: 4px solid #8da5b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 10px;
	}

	.de22_cu .sec dl dd p{position:relative; vertical-align:middle; margin-bottom:.5rem;}
	.de22_cu .sec dl dd p:before {
		content: "";
		width: 5px;
		height: 5px;
		background-color: #000;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 10px;
		display: inline-block;
		vertical-align: middle;
	}

	.de22_cu .sec dl dd p span{-moz-border-radius: 5px; -o-border-radius: 5px; display: inline-block; vertical-align: middle; margin-left:.8em;}



	a#navbarDropdown{line-height:50px; font-size:14px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis;}

	#contentsArea .page02_4_section_st{}
	#contentsArea .page02_4_section_st dd{margin:1.5rem 0; }
	#contentsArea .page02_4_section_st dd p{margin-bottom:0.4rem; font-size: 0.87rem;}
	#contentsArea .page02_4_section1 {background:#efefef; padding:15px 0;}
	#contentsArea .page02_4_section1 .wir_box{display:inline-block; vertical-align:middle; width:49%; padding-top:15px;}
	#contentsArea .page02_4_section1 .wir_box dl{padding:0 25px;}
	#contentsArea .page02_4_section1 .wir_box dl dt{vertical-align:top; display:table-cell;}
	#contentsArea .page02_4_section1 .wir_box dl dd{vertical-align:top; display:table-cell; position:relative; padding-top:5px; width:480px; font-size:0.87rem;}


	#contentsArea .page02_4_section2 {}
	#contentsArea .page02_4_section2 .wir_box{display:block; vertical-align:middle; padding-top:15px;}
	#contentsArea .page02_4_section2 .wir_box dl{padding:0 25px; border-bottom:1px dotted; padding-bottom:17px;}
	#contentsArea .page02_4_section2 .wir_box dl dt{vertical-align:middle; display:table-cell;}
	#contentsArea .page02_4_section2 .wir_box dl dd{vertical-align:middle; display:table-cell; position:relative; padding-top:5px; padding-left:10px;}
	#contentsArea .page02_4_section2 .wir_box dl dd p{margin:0; font-size:0.87rem; padding-left:7px;}

	#contentsArea .page02_4_section3 {}
	#contentsArea .page02_4_section3 .sec{}
	#contentsArea .page02_4_section3 .sec dl{background-color: #ffffff; vertical-align: middle; padding: 25px 0; margin-bottom: 0;}
	#contentsArea .page02_4_section3 .sec dl dt{height: 300px; vertical-align: middle; display: table-cell; padding-right: 10%;}
	#contentsArea .page02_4_section3 .sec dl dt img{width:100%;}
	#contentsArea .page02_4_section3 .sec dl dd{height: 300px; vertical-align: middle; display: table-cell; }
	#contentsArea .page02_4_section3 .sec dl dd p {margin-bottom:0.5rem; font-size:0.9rem;letter-spacing: -0.8px;}
	#contentsArea .page02_4_section3 .sec dl dd:nth-child(2){width:105px; padding-right:2%; text-align:right;}
	#contentsArea .page02_4_section3 .sec dl dd:nth-child(2) p{margin-bottom:0.5rem; font-size:0.9rem; }







	#contentsArea .page03_section1{}
	#contentsArea .page03_section1 div{margin: 17px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#contentsArea .page03_section1 img{width:35%;}
	#contentsArea .page03_section1 .DescArea{display: inline-block; padding: 0 20px; width: 58%; text-align: left;}
	#contentsArea .page03_section1 .DescAreaBox img, #contentsArea .page03_section2 .DescAreaBox img, #contentsArea .page03_section3 .DescAreaBox img{height:100%;}
	#contentsArea .page03_section1 .DescArea h5, #contentsArea .page03_section2 .DescArea h5, #contentsArea .page03_section3 .DescArea .Desc_right p b{font-weight:400; color:#5a5a5a;font-size: 0.9rem;}
	#contentsArea .page03_section3 .DescArea .Desc_left p b{font-weight:500; color:#5a5a5a;}


	#contentsArea .page03_section2{}
	#contentsArea .page03_section2 div{margin: 17px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#contentsArea .page03_section2 img{width:35%;}
	#contentsArea .page03_section2 .DescArea{display: inline-block; padding: 0 20px; width: 58%; text-align: left;}

	#contentsArea .page03_section3{}
	#contentsArea .page03_section3 div{margin: 17px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#contentsArea .page03_section3 img{width:35%;}
	#contentsArea .page03_section3 .DescArea{display: inline-block; padding: 0 20px; width: 58%; text-align: left;}

	.page03_section3 .DescArea .Desc_left {float: left; text-align: right; display:table-cell !important;}
	.page03_section3 .DescArea .Desc_right {float: left; margin-left: 4% !important; width: 80%; display:table-cell !important;}


	.sub_box #contentsArea{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin: 15px 0;}





	#sub4_box{position:relative; margin:0 auto;}
	#sub4_box .contents_left{position:absolute; height:100%; width:190px; float:left;}
	#sub4_box .contents_right{position:relative; float:right; width:790px; top:30px;}
	#sub4_box .contents_right .title_span{font-size:1.12rem;}
	#sub4_box .contents_right .title_span2{font-size:1rem; position:relative; z-index:6; width:640px;}

	#sub4_box .contents_right .guide_box{background: url(/img/sub4/eco_box_bg_05.png)no-repeat; height: 400px; width: 100%; background-size: 100%; position: relative; float: right; top:-65px}
	#sub4_box .contents_right .guide_box dl{position:absolute; top:30%; width:455px; left:13%;}

	#sub4_box .contents_right .guide_box dl dt{color:#fff; font-size:1.3rem; margin-bottom: 0.9rem;}
	#sub4_box .contents_right .guide_box dl dd{color:#fff;}
	#sub4_box .contents_right .guide_box dl dd span{background:#fff; border-radius:15em; margin-right:0.5rem; padding:0 8px; width:30px; height:30px; color:#67b5a2;}

	#sub4_box .contents_right .guide_box .page04_top_bt{position:absolute; bottom:15px; width:55%; text-align:center;}




	/*ź¼ÒÆ÷ÀÎÆ®Á¦*/


	#sub4_box .content_box{}
	#sub4_box .content_box .content_box_contents_title{}
	#sub4_box .content_box .contents_cont_txt{}
	#sub4_box .content_box .contents_cont_txt dt{margin:15px 0; font-weight:400;}

	#sub4_box .content_box .contents_cont_txt .page04_name{width:236px; background:#32b544; padding:5px 15px; border-radius:5em; margin:15px 0;}

	#sub4_box .content_box .sub4_2_guide_box{background: url(/img/sub4/co_box_bg_09.png)no-repeat; height: 508px; width: 100%; background-size: 100%; position: relative; float: right; top: -65px;}
	#sub4_box .content_box .sub4_2_guide_box dl{position:absolute; top:17%; width:455px; left:3%;}
	#sub4_box .content_box .sub4_2_guide_box dl dt{color:#fff; font-size:1.25rem;}

	#sub4_box .content_box .sub4_2_guide_box dl:nth-child(2){position:absolute; top:30%; width:880px; text-align:left;}
	#sub4_box .content_box .sub4_2_guide_box dl:nth-child(2) dd{color:#fff;}
	#sub4_box .content_box .sub4_2_guide_box dl:nth-child(2) dd span{color:#32b741; width:30px; height:30px; background:#fff; padding:0 8px; border-radius:5em; margin-right:0.5rem;}

	#sub4_box .content_box .sub4_2_guide_box dl:nth-child(2) .more_text{margin-top:25px;}
	#sub4_box .content_box .sub4_2_guide_box dl:nth-child(2) .more_text dd{font-size:0.82rem;}

	#sub4_box .content_box .sub4_2_guide_box .page04_top_bt{position: absolute; bottom: 15px; width: 100%; text-align: center;}
	#sub4_box .content_box .sub4_2_guide_box .page04_top_bt div{display:inline-block;}


	/* ¼­ºêÆäÀÌÁö Çì´õ*/
	.sub_hd_bg {width: 100%; height: 225px; overflow: hidden; margin: 0 auto;  text-align: center;  display: table;}
	.sub_hd_bg .con {width: 100%; background-position: center center; background-size: cover; vertical-align:middle; display:table-cell;}

	.carousel-caption {
		bottom: 6rem;
		z-index: 10;
	}

	.text-left {
		text-align: right!important;
	}
	.dropdown:nth-child(1){}
	.dropdown:nth-child(1) .dropdown-menu{min-width: 11rem;}
	.dropdown-menu{min-width:11rem;}

	.bg-dark {background-color: #fff!important;}
	.nav-link {color: #666 !important;padding-right:1em;padding-left:1em !important; background-color: #fff; height: 63px; line-height: 63px; margin: 0px 0 0;}

	.dropdown-toggle::after{display:none;}

	.logoArea {width:325px;}

	.carousel-mobile{display:none;}
	.carousel-pc{display:block;}



	#sub3-1-content{max-width: 100%; text-align: left; background-color: #fff; margin-top: 0px;}
	#sub3-1-content .n_tit_page {padding: 30px 0; text-align: left; position: relative; color: #111; border: 0px solid #f00;}
	#sub3-1-content .contents_section_1{}
	#sub3-1-content .contents_section_2{display:table;}
	#sub3-1-content .contents_section_2 img{float:left; height:100%; width:60%; max-width:567px; margin-right:1.1rem;}
	#sub3-1-content .contents_section_2 p{width:100%; padding:0;}
	#sub3-1-content .contents_section_3{}
	#sub3-1-content .contents_section_4{display:table; margin-top: 40px;}

	#sub3-1-content .contents_section_4 .col-cm-2 {width:16.6%; float:left;}
	#sub3-1-content .contents_section_4 .col-cm-2:nth-child(2){margin:0 .6rem;}
	#sub3-1-content .contents_section_4 .col-cm-2 img{width:100%;}
	#sub3-1-content .contents_section_4 .col-cm-4{width:45%; float:right; line-height:1.3;}
	#sub3-1-content .contents_section_4 .col-cm-4 h4{padding-bottom:10px; font-size:1rem}
	#sub3-1-content .contents_section_4 .col-cm-4 ul {list-style:none; padding:0; margin:0; font-size:0.85rem;}


	.contents_section_1, .contents_section_2, .contents_section_3, .contents_section_4{line-height:1.9; font-size:0.9rem;}



}


.carousel-caption .box h2 strong {
    vertical-align: baseline;
    font-weight: 700;
    color: #0e76bc;
}







@media (max-width:640px) {

	#box-wrapper {
    position: relative;
    width: 100%;
    height: 210px !important;
    overflow: hidden;
    padding-bottom: 0 !important;
	}

	.carousel-item{height:20rem !important;}

	.carousel-pc{display:none;}
	.carousel-mobile{display:block; text-align:center;}
	.carousel-mobile p{font-size:0.8rem; margin-bottom:.5rem;}
	.carousel-mobile span{text-align:center;}
	.carousel-mobile h2{font-size:1.3rem;}


	.dropdown-item{text-align:center;}
	a.btn.btn-lg.btn-primary{font-size:13px; text-align:center;}
	.carousel-caption {
		bottom: 0rem;
		z-index: 10;
		width:100%;
		background: rgba(255, 255, 255, 0.57);
		padding-right: 1em;
		padding-left: 1em;
		border-radius:1em;
		left:0;
		border-radius:0;
	}

	.carousel-indicators{display:none;}

	p.txt_last{display:none;}

	.navbar{padding:0rem;}
	/*main */
	.col-xl-3{width:50%;}
	.col-xl-3 .box .imgArea img{border-radius:0 !important; width:100%;}
	.marketing .box .imgArea h5 {text-align: center; color: #666; font-size:0.8rem;}

	.ms13{background-color: #f4f4f4;}
	.ms13 .de13 .con .glyphicon {
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 20%;
    float: left;
    background-color: #99a3ad;
    border-radius: 3px;
    max-width: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 2.0em;
}

	#contentsArea .page03_section1{}
	#contentsArea .page03_section1 div{margin: 17px 0; }
	#contentsArea .page03_section1 div img{width:35%;}
	#contentsArea .page03_section1 .DescAreaBox img{width:100% !important;}
	#contentsArea .page03_section1 div .DescArea{ padding: 0 20px; width: 100%; text-align: left;}
	#contentsArea .page03_section1 div .DescArea h5,#contentsArea .page03_section1 div .DescArea h5 p{font-weight:400;}


	#contentsArea .page03_section2{}
	#contentsArea .page03_section2 div{margin: 17px 0; }
	#contentsArea .page03_section2 div img{width:35%;}
	#contentsArea .page03_section2 .DescAreaBox img{width:100% !important;}
	#contentsArea .page03_section2 div .DescArea{ padding: 0 20px; width: 100%; text-align: left;}
	#contentsArea .page03_section2 div .DescArea h5,#contentsArea .page03_section2 div .DescArea h5 p{font-weight:400;}

	#contentsArea .page03_section3{display:table;}
	#contentsArea .page03_section3 div{margin: 17px 0;}
	#contentsArea .page03_section3 div img{width:35%;}
	#contentsArea .page03_section3 .DescAreaBox img{width:100% !important;}
	#contentsArea .page03_section3 div .DescArea{padding: 0 20px; width: 100%; text-align: left;}
	#contentsArea .page03_section3 div .DescArea .Desc_left p b,#contentsArea .page03_section3 div .DescArea .Desc_right p b{font-weight:400; font-size:0.7rem;}

	#sub3-1-content{max-width: 100%; text-align: left; background-color: #fff; margin-top: 0px;}
	#sub3-1-content .n_tit_page {padding: 30px 0; text-align: left; position: relative; color: #111; border: 0px solid #f00;}
	#sub3-1-content .contents_section_1{}
	#sub3-1-content .contents_section_2{display:table;}
	#sub3-1-content .contents_section_2 img{height:100%; width:100%;}
	#sub3-1-content .contents_section_2 p{width:100%; padding:.5rem 0;}
	#sub3-1-content .contents_section_3{}
	#sub3-1-content .contents_section_4{display:table; margin-top: 40px;}

	#sub3-1-content .contents_section_4 .col-cm-2 {width:31.3%; display:inline-block;}
	#sub3-1-content .contents_section_4 .col-cm-2:nth-child(2){margin:0 .6rem;}
	#sub3-1-content .contents_section_4 .col-cm-2 img{width:100%;}
	#sub3-1-content .contents_section_4 .col-cm-4{width:100%;  line-height:1.3; margin-top:1rem;}
	#sub3-1-content .contents_section_4 .col-cm-4 h4{padding-bottom:10px; font-size:1rem}
	#sub3-1-content .contents_section_4 .col-cm-4 ul {list-style:none; padding:0; margin:0; font-size:0.85rem;}


	.contents_section_1, .contents_section_2, .contents_section_3, .contents_section_4{line-height:2; font-size:0.9rem;}



	.page03_section3 .DescArea .Desc_left {float: left; text-align: left; display:table-cell !important;}
	.page03_section3 .DescArea .Desc_left p{font-size:0.78em;}
	.page03_section3 .DescArea .Desc_right {float: right; margin-left: 4% !important; width: 57%; display:table-cell !important;}
	.page03_section3 .DescArea .Desc_right p{font-size:0.78em; font-weight:400 !important;}

	#sub_box .page04_top_banner{position:relative;}
	#sub_box .page04_top_banner img{width:100%;}
	#sub_box .page04_top_bt{position:absolute; bottom:10px; left:190px; width:28%;}

	.de22_cu dl .pc_year {display: none;}
	.de22_cu dl .mobile_year {margin-bottom:1.5em; text-align:center;}
	.de22_cu dl .mobile_year:nth-child(3){text-align:left;}
	.de22_cu .sec dl dd{border-top: 5px solid #fff; padding-top:1.5em; position:relative;}

	.de22_cu dl dd:before {
    position: absolute;
    display: block;
    content: "";
    top: -13px;
    left: 47%;
    width: 0;
    height: 0;
    background-color: #fff;
    border: 0px solid #8da5b6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 10px;
	}

	.sub_box .de22_cu .sec dl{padding:1.5rem .3rem;}

	.ms13 {margin: 0px 0; padding: 50px 0; background-color: #f4f4f4; }
	.ms13 .de13 .con {overflow: hidden; margin: 20px 0;}

	.de13 .con div {width: 80%; float: right; padding-left: 10px;}

	.de13 .con div h4{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin: 10px 0; font-size: 1.050em; color: #333;}

	.de13 .con div p{text-align: left; font-size: 0.85em; color: #666; margin-bottom:0.3rem;}



	.ms14{
		position: relative;
		margin: 0;
		padding: 0;
		background-color: #fff;
		background: url(/theme/bs4_aside_v1.0/img/de19/de19_img01.jpg)no-repeat;
		background-position: center;
		background-attachment: fixed;
		background-size: cover;
	}

	.ms14:before {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		background: rgba(40, 117, 165, 0.9);
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	.ms14 .container {z-index: 3; position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

	.ms14 .de19{height:300px; display:table;}

	.ms14 .de19 .section {border: 0px solid #fff; padding: 10px; display: table-cell; text-align: center; vertical-align: middle; color: #fff;}

	.ms14 .de19 .section p {padding: 10px; text-align: center; font-weight: 100; font-size: 1.200em; color: #fff;}

	.ms14 .de19 .section strong {vertical-align: baseline; color: #fff; font-weight: 700;}

	.ms15{margin:0;}

	.ms15 .container{padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto;}

	.ms15 .de20 .slogan {font-size: 1.4em; font-weight: 400; color: #0e76bc; padding-top: 20px; text-align: left;}

	.ms15 .de20 dl{}
	.ms15 .de20 dl dt{font-size: 1.250em; font-weight: 400; color: #222; padding: 50px 0 10px;}

	.ms15 .de20 dl dd {font-size: 1.0em; line-height: 2.5em; color: #666; text-align: justify;}



	.sub_hd_bg{width:100%; overflow:hidden; margin:0 auto; display:table;}
	.sub_hd_bg .con{width: 100%; height:115px; padding: 0px 0; background-position: center center; background-size: cover;  background-repeat:no-repeat;}

	.sub_hd_bg .con p img{width:80%;}

	#company_text{position:relative;}
	#company_text .company_img{width:100%; margin-bottom:2rem;}
	#company_text h5{}
	#company_text p{}


	#sub4_box .contents_left{text-align:center; margin:2em 0;}
	#sub4_box .contents_right{line-height:1.8}
	#sub4_box .guide_box .page04_top_bt{text-align:center;}

	#sub4_box .content_box{}

	#sub4_box .content_box .contents_title{padding:0 1.5em; margin:1.8em 0; border-bottom:1px dotted; padding-bottom:1.2em;}
	#sub4_box .content_box .contents_title img{width:100%;}

	#sub4_box .content_box .sub4_2_guide_box .page04_top_bt{display:table; padding-bottom:0.7em; border-bottom:1px solid #eee;}
	#sub4_box .content_box .sub4_2_guide_box .page04_top_bt div{float:left; width:50%}
	#sub4_box .content_box .sub4_2_guide_box .page04_top_bt div img{width:100%;}


	.sub_box .page02_cont_left{margin-bottom:3em;}


	#contentsArea .page02_4_section_st{}
	#contentsArea .page02_4_section_st dd {margin: 1.5rem 0;}
	#contentsArea .page02_4_section_st dd p {margin-bottom: 0.4rem; font-size: 0.87rem;}

	#contentsArea .page02_4_section1 {background:#efefef; padding:15px 0;}
	#contentsArea .page02_4_section1 .wir_box{display:table; vertical-align:middle; width:100%; padding-top:15px;}
	#contentsArea .page02_4_section1 .wir_box dl{padding:0 25px; font-size:0.8em;}
	#contentsArea .page02_4_section1 .wir_box dl dt{vertical-align:top; display:table-cell;}
	#contentsArea .page02_4_section1 .wir_box dl dd{vertical-align:top; display:table-cell; position:relative; padding-top:5px; width:480px;}


	#contentsArea .page02_4_section2 {}
	#contentsArea .page02_4_section2 .wir_box{display:block; vertical-align:middle; padding-top:15px;}
	#contentsArea .page02_4_section2 .wir_box dl{padding:0 25px; border-bottom:1px dotted; padding-bottom:17px;}
	#contentsArea .page02_4_section2 .wir_box dl dt{vertical-align:middle; display:table-cell;}
	#contentsArea .page02_4_section2 .wir_box dl dd{vertical-align:middle; display:table-cell; position:relative; padding-top:5px; padding-left:10px;}
	#contentsArea .page02_4_section2 .wir_box dl dd p{margin:0; font-size:0.87rem; padding-left:7px;}

	#contentsArea .page02_4_section3 {}
	#contentsArea .page02_4_section3 .sec{}
	#contentsArea .page02_4_section3 .sec dl{background-color: #ffffff; vertical-align: middle; padding: 25px 0; margin-bottom: 0;}
	#contentsArea .page02_4_section3 .sec dl dt{height: 300px; vertical-align: middle; }
	#contentsArea .page02_4_section3 .sec dl dt img{width:100%;}
	#contentsArea .page02_4_section3 .sec dl dd{height: 300px; vertical-align: middle; display: table-cell; }
	#contentsArea .page02_4_section3 .sec dl dd p {margin-bottom:0.5rem; font-size:0.68rem;letter-spacing: -0.7px;}
	#contentsArea .page02_4_section3 .sec dl dd:nth-child(2){width:65px; padding-right:2%; text-align:left;}
	#contentsArea .page02_4_section3 .sec dl dd:nth-child(2) p{margin-bottom:0.5rem; font-size:0.7rem; }

	#sub_box .col-lg-3 img{width:100%; margin:2em 0;}
	#sub_box .contents_section_4 .col-lg-2{width:33.3%; margin-bottom:1.5em;}

	#sub_box .contents_section_4 .col-lg-2 img{width:100%;}

	.logoArea{width:250px; margin:10px 0 0 10px;}


}




	.logoArea .logo {display:table-cell; vertical-align:middle; text-align:left;}
	.logoArea .logo a{text-align: center; display: inline-block; max-width: 100%; position: relative; background-color: transparent;}
	.logoArea .logo a img{max-width:325px; width:100%;}
	.logoArea .logo .logo_on{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; transform: translate(20px, 0px); opacity: 0; position: absolute; top: 0px; left: 0px;}
	.logoArea .logo a:hover .logo_on {transform: translate(0px, 0px); opacity: 1;}
	.logoArea .logo .logo_off{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity: 1;}
	.logoArea .logo a:hover .logo_off {transform: translate(20px, 0px); opacity: 0;}

















	#sub_box{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
		}

	#sub_box .contents_section_4{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
		margin:15px 0;
		}


	.sub_box #contentsArea .col-sm-6 img{width:100%}
	.sub_box #contentsArea .col-sm-6 .text-size-16 tr .account_left {width: 120px; padding: 8px 15px; background: #e9e9e9e9;}
	.sub_box #contentsArea .col-sm-6 .text-size-16 tr .account_right {padding: 8px 15px; background: #f6f6f6; letter-spacing: -1.3px; font-size: 0.9em;}




	.page04_middle_txt {margin-top: 20px; display:table;}
	.page04_middle_txt .page04_name {width: 236px; background: #67b5a2; padding: 5px 15px; border-radius: 5em;}
	.page04_middle_txt dd {margin: 15px 0; line-height: 1.8;}

	.de30 .map_google {width: 100%; height: 600px; border: 0;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 0.1rem;
}
/* Since positioning the image, we need to help out the caption */


/* Declare heights because of positioning of img element */
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

.carousel-item {
  height: 32rem;
  min-height: 200px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */

  .carousel-caption h2{font-size:2.5rem}

  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.05rem;
    line-height: 1.4;
	letter-spacing:-.9px;
  }
}