@charset "euc-kr";

@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 

#all{ width:100%; height:100%; text-align:center; min-width:1100px; font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb'; position:relative;}


.con01{width:100%; height:430px;  background:url(http://www.bizforms.co.kr/bizcontents/hotclick/2016/japan/images/bg1.png) no-repeat center;}
.con01 .sec01{width:1100px; margin: 0 auto;}
.con01 .sec01 h1{font-size:50px; padding-top:145px;}
.con01 .sec01 h1 span{color:#1f70da;}
.con01 .sec01 p{font-size:20px; padding-top:43px; line-height:140%;}

.con02{width:100%; height:630px;  background:url(http://www.bizforms.co.kr/bizcontents/hotclick/2016/japan/images/bg2.png) no-repeat center;}
.con02 .sec02{width:1100px; height:630px; text-align:left; margin:0 auto; }
.con02 .sec02 h1{font-size:50px; margin-left:575px; padding-top:220px;}
.con02 .sec02 h1 span{color:#1f70da;}
.con02 .sec02 p{font-size:20px; padding-top:43px; line-height:140%; text-align:left; margin-left:575px;}

.con03{width:100%; height:630px;  background:url(http://www.bizforms.co.kr/bizcontents/hotclick/2016/japan/images/bg3.png) no-repeat center;}
.con03 .sec03{width:1100px; height:630px; text-align:left; margin:0 auto; }
.con03 .sec03 h1{font-size:50px; color:#fff; padding-top:160px;}
.con03 .sec03 h1 span{color:#6ca4ee;}
.con03 .sec03 p{font-size:20px; color:#96989d; padding-top:43px; line-height:140%;}
.con03 .sec03 .btn02
{
width:265px; 
height:60px; 
border:2px solid #fff; 
background:#343944; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}
.con03 .sec03 .btn02:hover
{
width:265px; 
height:60px; 
border:none; 
background:#3f82d8; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}

.con04{width:100%; height:630px; background:url(http://www.bizforms.co.kr/bizcontents/hotclick/2016/japan/images/bg4.png) no-repeat center; }
.con04 .sec04{width:1100px; height:630px; text-align:left; margin:0 auto;}
.con04 .sec04 h1{font-size:50px;margin-left:600px; padding-top:220px;}
.con04 .sec04 h1 span{color:#1f70da;}
.con04 .sec04 p{font-size:20px; padding-top:43px; line-height:140%; margin-left:600px; }

#category{width:100%; height:2051px; background:#2c2e33;}

.con05{width:100%; height:685px; }
.con05 .sec05{width:1100px; margin:0 auto; }
.con05 .sec05 .tit01{font-size:50px; color:#fff; padding-top:115px;}
.con05 .sec05 .tit01 span{color:#6ca4ee;}

.con05 .sec05 dl{width:1100px; height:685px; }
.con05 .sec05 dl dd{float:left; text-align:left;}
.con05 .sec05 dl dd h2{font-size:30px; color:#6ca4ee;}
.con05 .sec05 dl dd p{font-size:20px; color:#96989d; line-height:140%; padding-top:6px;}

.con05 .sec05 .img01_1{padding-top:60px;}
.con05 .sec05 .img01_1 .btn02
{
width:265px; 
height:60px; 
border:2px solid #fff; 
background:#2c2e33; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}
.con05 .sec05 .img01_1 .btn02:hover
{
width:265px; 
height:60px; 
border:none; 
background:#3f82d8; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}

.con05 .sec05 .img01_2{float:right; padding-top:30px;}

.con06{width:100%; height:450px; }
.con06 .sec06{width:1100px; margin:0 auto;}
.con06 .sec06 dl{width:1100px; height:450px; }
.con06 .sec06 dl dd{float:left; text-align:left;}
.con06 .sec06 dl dd h2{font-size:30px; color:#6ca4ee;}
.con06 .sec06 dl dd p{font-size:20px; color:#96989d; line-height:140%; padding-top:6px;}
.con06 .sec06 .img02_1 .btn02
{
width:265px; 
height:60px; 
border:2px solid #fff; 
background:#2c2e33; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}
.con06 .sec06 .img02_1 .btn02:hover
{
width:265px; 
height:60px; 
border:none; 
background:#3f82d8; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}
.con06 .sec06 .img02_1{padding:50px 0 0 100px;}


.con07{width:100%; height:450px; }
.con07 .sec07{width:1100px; height:450px; margin:0 auto;}
.con07 .sec07 dl{width:1100px; height:450px; clear:both; }
.con07 .sec07 dl dd{text-align:left; float:left;}
.con07 .sec07 dl dd h2{font-size:30px; color:#6ca4ee;}
.con07 .sec07 dl dd p{font-size:20px; color:#96989d; line-height:140%; padding-top:6px;}
.con07 .sec07 .img03_1{float:left; padding-top:50px;}
.con07 .sec07 .img03_2{float:right;}
.con07 .sec07 .img03_1 .btn02
{
width:265px; 
height:60px; 
border:2px solid #fff; 
background:#2c2e33; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}
.con07 .sec07 .img03_1 .btn02:hover
{
width:265px; 
height:60px; 
border:none; 
background:#3f82d8; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
margin-top:25px;
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
}

.con08{width:100%; height:450px; }
.con08 .sec08{width:1100px; height:450px; margin:0 auto; clear:both;}
.con08 .sec08 dl{width:1100px;}
.con08 .sec08 dl dd{float:left;}
.con08 .sec08 .btn02
{
width:265px; 
height:60px; 
border:none; 
background:#606267; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
margin:1px 1px 0 0;
}
.con08 .sec08 .btn02:hover
{
width:265px; 
height:60px; 
border:4px solid #4088e4; 
background:#606267; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
margin:1px 1px 0 0;
}
.con08 .sec08 .btn03
{
width:295px; 
height:65px; 
border:none; 
background:#4088e4; 
color:#fff;
font-weight:bold; 
font-size:18px; 
text-align:center; 
padding-left:5px; 
cursor:pointer;
font-family: '맑은 고딕', 'Malgun Gothic', Dotum, 'NanumGothic', '나눔고딕','NanumGothicWeb';
margin-top:70px;
}


#flower_bg{width:100%; position:absolute; margin:1600px 0 0 0;  }
#flower_img{width:1300px; background:red; margin:0 auto;}
#flower1{float:left;}
#flower2{float:right; padding-top:600px;}