@charset"utf-8"; 

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#subTop{z-index:666}
.sub-visual{position:relative;width:100%;height:390px;text-align:center;background:url("/images/kor04r-19-0423/sub/sub_visual.jpg") no-repeat center center/cover}
.sub-visual > div{position:absolute;top:160px;bottom:0;left:0;right:0;margin:auto;height:80px}
.sub-visual h2{margin-bottom:15px;letter-spacing:-1px;line-height:1;font-weight:600;font-size:48px;color:#fff; text-shadow:rgba(0, 0, 0, .75) 2px 2px 3px;}
.sub-visual p{font-size:18px;color:#fff; font-weight:300; letter-spacing: 1px;}
.sub-tab{width:100%}
.sub-tab.fixed{z-index:666;position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.10);opacity:0.92}
.sub-tab > ul{margin:0 auto;height:60px;text-align:center;line-height:0;font-size:0;border-bottom:1px solid #ddd;}
.sub-tab.fixed ul{margin:0 auto;width:100%}
.sub-tab li{position:relative;display:inline-block;width:300px;height:60px}
.sub-tab li a{display:inline-block;width:100%;height:60px;text-align:center;line-height:58px;font-weight:400;font-size:20px;color:#ff7a00; border:1px solid #ddd; border-top:none; 
	border-left:none;}
.sub-tab li:first-child a {border-left:1px solid #ddd} 
.sub-tab li.active a{ color:#fff; background:#ff7a00; border-color:#ff7a00;}
.sub-tab.fixed a{ border-bottom:0;border-top:0;}

/* iE 낮은 버전을 위해 */
.common-nav{margin-bottom:60px;padding-bottom:30px;border-bottom:1px solid #e1e1e1}

/*회원 및 약관에 사용되는 추가 값*/
@media only screen and (max-width:980px){
	.sub-visual {height:300px;}
    .sub-visual > div{top:65px}
    .sub-tab > ul{width:calc(100% - 40px);border:none}
    .sub-tab .col-1 li{width:100%}
    .sub-tab .col-2 li{width:50%}
    .sub-tab .col-3 li{width:33.33%}
	.sub-visual h2 { font-size: 38px;}
}

@media only screen and (max-width:768px){
    .sub-visual{height:220px}
    .sub-visual > div{height:50px}
    .sub-visual h2{margin-bottom:10px;font-size:25px}
    .sub-visual p{font-size:15px}
    .sub-tab > ul{width:calc(100% - 20px);height:50px}
    .sub-tab li{height:50px}
    .sub-tab li a{height:50px;line-height:48px;font-size:17px}
    .common-nav h3{display:none}
}

@media only screen and (max-width:480px){
	.sub-visual{background:url("/images/kor04r-19-0423/sub/sub_visual_480.jpg") no-repeat center center/cover}
    .sub-tab{min-width:320px}
    .sub-tab li a{font-size:15px}
}

/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#subContents{padding:100px 0;width:100%}
.sub-contents{position:relative;display:inline-block;width:100%}
.sub-contents p{white-space:pre-line;word-break:break-all}
.sub-contents p:last-child{margin-bottom:0}
.sub-contents .big-txt{margin-bottom:40px;font-weight:300;line-height:1.3;font-size:30px;color:#333}
.sub-contents .big-txt strong{font-weight:600;color:#0b2d85}

.cont_title {font-size: 38px; color: #333; font-weight: 500; text-align: center; margin-bottom: 60px;}
.cont_title:before {content:''; display:block; width:40px; height:3px; background:#ff7a00; margin:0 auto; margin-bottom:20px;}
.cont_stitle { font-size: 25px; color: #333; font-weight: 500; margin: 80px 0px 30px 0px;}
.cont_stitle:before {content:''; display:inline-block; width:3px; height:22px; background:#ff7a00; margin-right:10px; vertical-align: bottom;}

@media only screen and (min-width:1201px){
    #subContents{margin:0 auto;width:1200px}
}

@media only screen and (max-width:1200px){
    #subContents{padding:100px 20px}
}

@media only screen and (max-width:980px){
	#subContents{padding:60px 20px}
	.cont_title { font-size:28px; margin-bottom: 50px;}
	.cont_title:before { width: 25px; margin-bottom: 15px;}
}

@media only screen and (max-width:768px){
    #subContents{padding:50px 10px}
	.sub-contents p{margin-bottom:10px;font-size:14px;white-space:normal;word-break:break-word}
    .sub-contents .big-txt{margin-bottom:20px;font-size:25px;word-break:keep-all}
	.cont_title { font-size:22px;}
}

/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 일반게시판 List */
.whois-board-list{display:inline-block;padding:0;font-size:13px}
.whois-board-list .whois-board-row{width:100%;margin:0;padding:15px 0px 10px 0px;float:left;border-bottom:1px solid #eee;color:#000000}
.whois-board-list .whois-board-row:first-child{border-top:1px solid #ff7a00}

/* Line 색상 */
.whois-board-list .whois-board-row .whois-board-row-subject{margin:0 0 5px;padding:0;font-size:18px;font-weight:600}
.whois-board-list .whois-board-row .whois-board-row-info{color:#acacac;line-height:30px}
.whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author{max-width:33vw;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}

/* 일반게시판 view */
.whois-board-view{display:inline-block;border-top:1px solid #ff7a00;}

/* Line 색상 */
.whois-board-view .whois-board-view-row{width:100%;margin:0;padding:10px 0;float:left;border-bottom:1px solid #eee}
.whois-board-view .whois-board-view-row .whois-board-view-subject{width:100%;margin:0 0 15px;padding:0;float:left;font-size:18px;font-weight:600}
.whois-board-view .whois-board-view-row .whois-board-view-author{width:100%;margin:0 0 5px;padding:0;float:left;font-size:13px;font-weight:600}
.whois-board-view .whois-board-view-row .whois-board-view-info{width:100%;margin:0;padding:0 0 10px;float:left;color:#acacac}
.whois-board-view .whois-board-view-row .whois-board-view-content{width:100%;margin:0;padding:10px 0;float:left;font-size:12px}
.whois-board-view .whois-board-view-files{width:100%;margin:0;padding:0;float:left}
.whois-board-view .whois-board-view-files .whois-board-view-file{width:100%;margin:0;padding:5px 0;float:left;font-size:12px}
.whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count{font-size:11px;color:#c4c4c4}

/* 게시판 버튼 */
.btn-search,
.btn-sub,
.whois-button-submit{color:#fff;background-color:#ff7a00; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.btn-search:focus,
.btn-search:hover,
.btn-sub:focus,
.btn-sub:hover,
.whois-button-submit:focus,
.whois-button-submit:hover{color:#fff;background-color:#ff7a00;}

/* 게시판 공통 */
.sub-box{margin-right:5px;background-color:#6A6A82;border:0;color:#ffffff;display:inline-block;font-family:"Nanum Gothic",sans-serif}
.sub-box.sm{font-size:12px;padding:2px 5px}
.sub-box.m{font-size:14px;padding:4px 8px}
.sub-box.lg{font-size:16px;padding:6px 12px}
.sub-border{border:1px solid #6A6A82}
.sub-border-t{border-top:1px solid #6A6A82}
.sub-border-r{border-right:1px solid #6A6A82}
.sub-border-b{border-bottom:1px solid #6A6A82}
.sub-border-l{border-left:1px solid #6A6A82}
.sub-bg{background-color:#6A6A82}
.sub-bg-hover:hover{background-color:#59598a}

/* 로그인/회원가입 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.material-form{margin:0 auto;background:#fff}
.material-form .header{padding:50px 10px;background:#6498fe;font-size:16px;color:#fff}
.material-form .header h3{font-size:30px}
.material-form .header p,
.material-form .header span{margin-top:15px;font-size:16px;color:#fff}
.material-form .sub-header h4{font-weight:500;height:40px;line-height:40px;font-size:18px; color:#333;}
.material-form .sub-content .form-group:last-child{margin:0}
.material-form .input-group{position:relative;border:0}
.material-form .input-group .input-group-addon{padding-right:6px;padding-left:6px;background:#fff;border:0}
.material-form .form-control,
input[type='text'].whois,
input[type='password'].whois,
select.whois{border:1px solid #ccc;transition:0.3s all ease}

@media only screen and (max-width:480px){
.material-form .sub-header h4 {font-size:16px;}
}

/*.material-form .btn:first-child,*/
.material-form .input-group .form-control.first,
.material-form .input-group .form-control:first-child,
.material-form .input-group .th + .form-control,
.th + input[type='text'].whois,
.th + input[type='password'].whois,
.th + select.whois{border-bottom-left-radius:4px;border-top-left-radius:4px}

/*.material-form .btn:last-child,*/
.material-form .input-group .form-control.last,
.material-form .input-group .form-control:last-child,
.material-form .input-group .input-group-btn:last-child,
.material-form .input-group .input-group-btn:last-child .btn,
.material-form .input-group .input-group-btn:last-child button{border-bottom-right-radius:4px;border-top-right-radius:4px}
.material-form .form-group{margin-bottom:15px;overflow:visible}
.material-form .form-group.success .form-control{color:#5cb85c}
.material-form .form-group.failed .form-control{color:#d9534f}
.material-form .form-control[readonly]{background:#fff}
.material-form .btn{height:38px}
#btn_user_join { font-size: 16px;}
.material-form .btn-default{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.material-form .input-group input,
.material-form .input-group select,
input[type='text'].whois,
input[type='password'].whois,
select.whois{z-index:10}
.input-group label.th{z-index:9;display:none;position:absolute;top:50%;left:10px;margin-top:-10px;height:20px;color:#ccc}
.input-group label.th.ie9{z-index:11;display:block}
.material-form .desc{padding:10px 0}
.chkbox{display:inline-block;margin:0;padding:0}
.chk-block,
.chk-block span{display:block;text-align:center;width:100%}
.chkbox input[type='radio'],
.chkbox input[type='checkbox']{display:none}
.chkbox input[type='radio']~.rbtn{padding:6px 12px;line-height:27px;border:1px solid #ccc;border-radius:3px;cursor:pointer}
.chkbox input[type='radio']:checked~.rbtn{background:#ccc;color:#fff}
.chkbox input[type='radio']~.box,
.chkbox input[type='checkbox']~.box{display:block;color:#bbb;cursor:pointer;transition:0.5s all ease}
.chkbox input[type='radio']~.box:before,
.chkbox input[type='checkbox']~.box:before{display:inline-block;margin-right:5px;padding:2px;font-family:'Glyphicons Halflings';font-size:18px;font-weight:normal;line-height:1;text-align:center;transition:0.4s all ease;vertical-align:middle;color:#cfcfcf}
.chkbox input[type='radio']~.box:before{content:"\e165"}
.chkbox input[type='checkbox']~.box:before{content:"\e013"}
.chkbox input[type='radio']:checked~.box,
.chkbox input[type='checkbox']:checked~.box{color:#666}
.chkbox input[type='radio']:checked~.box:before,
.chkbox input[type='checkbox']:checked~.box:before{color:#666}

/* 신청폼 등 기타 레이아웃 (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.content-wrap{overflow:hidden;position:relative;display:inline-block;width:100%}


/*  sub페이지 내용 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*--- 모든페이지 작은 타이틀 css ---*/
.cont_title02 {margin-top:50px; margin-bottom:20px;  text-align:center; color:#333; font-weight:500; }

/*--- 모든페이지 표 공통 css ---*/
.product_contents {width: 100%; margin-bottom:30px;}
.product_contents caption {text-align:right; margin-bottom:5px;}
.product_contents tr th { background: rgba(255,122,0,0.06); font-size: 20px; font-weight:500; color: #333; text-align:center; padding: 15px; border:1px solid #e1e1e1;}
.product_contents .s_th {font-size: 16px; font-weight:400;}
.product_contents tr td { padding: 12px; font-size: 16px; line-height: 27px; color: #555; text-align:center; border:1px solid #e1e1e1;}
.product_contents .top_line {border-top:1px solid #ff7a00;}
.product_contents .last_line {border-bottom:1px solid #ff7a00;}
.product_contents .strong >td {color:#ff7a00;}

.product_contents .point_01 {border:5px solid #ff7a00; border-bottom:none; background:#fdf8c0;}
.product_contents .point_02 {border-left:5px solid #ff7a00; border-right:5px solid #ff7a00; background:#fdf8c0;}
.product_contents .point_03 {border:5px solid #ff7a00; border-top:none; background:#fdf8c0;}
.product_contents .point_04 {border:5px solid #ff7a00; border-right:none; background:#fdf8c0;}
.product_contents .point_05 {border-top:5px solid #ff7a00; border-right:5px solid #ff7a00; background:#fdf8c0;}
.product_contents .point_06 {border-right:5px solid #ff7a00; background:#fdf8c0;}
.product_contents .point_07 {border-right:5px solid #ff7a00; border-bottom:5px solid #ff7a00; background:#fdf8c0;}


.sub1_1 .product_contents tr th {width:20%;}
.sub1_2 .product_contents tr th {width:100/8%;}
.sub1_2 .product_contents tr th {width:100/6%;}

.sub1_1 .point_img01 {position:absolute; bottom:24%; left:38%;}
.sub1_1 .point_img02 {position:absolute; bottom:9%; right:36%;}
.sub1_2 .point_img01 {position:absolute; bottom:29%; left:28%;}
.sub1_2 .point_img02 {position:absolute; bottom:12%; right:43%;}


@media only screen and (max-width:980px){
	.cont_title02 {font-size:20px;}
    .product_contents tr th { font-size: 17px; }
    .product_contents .s_th {font-size: 15px; font-weight:400;}
    .product_contents tr td {font-size: 14px; padding: 12px;}
	.sub1_1 .point_img01 {bottom:25%; left:37.8%; width:60px; height:60px;}
    .sub1_1 .point_img02 {bottom:10%; right:35.5%; width:60px; height:60px;}
	.sub1_2 .point_img01 {bottom:30%; left:26.5%; width:60px; height:60px;}
	.sub1_2 .point_img02 {bottom:13%; width:60px; height:60px;}
}

@media only screen and (max-width:768px){
	.sub1_1_top .sub1_1_topR h3 { font-size: 22px; line-height: 30px; margin-bottom: 30px;}
	.cont_title02 {font-size:17px;}
	.product_contents tr td { padding: 10px; }
	.sub1_1 .point_img01 {bottom:27%; left:38%; width:50px; height:50px;}
    .sub1_1 .point_img02 {bottom:11%; right:35.5%; width:50px; height:50px;}
	.sub1_2 .point_img01 {bottom:30%; left:26.5%; width:50px; height:50px;}
	.sub1_2 .point_img02 {width:50px; height:50px;}
}

@media only screen and (max-width:600px){
	.product_contents tr th { font-size: 12px; padding:5px 0px;}
	.product_contents .s_th {font-size: 10px;}
	.product_contents tr td {font-size: 10px; padding: 5px 0px; }
	.sub1_1 .point_img01 {left:36%; width:45px; height:45px;}
    .sub1_1 .point_img02 {right:35%; width:45px; height:45px;}
	.sub1_2 .point_img01 {bottom:30%; left:27%; width:45px; height:45px;}
	.sub1_2 .point_img02 {right:41%; width:45px; height:45px;}
}
@media only screen and (max-width:480px){
	.sub1_1 .point_img01 {left:35%; width:40px; height:40px;}
    .sub1_1 .point_img02 {right:35%; width:40px; height:40px;}
	.sub1_2 .point_img01 {bottom:34%; left:26.5%; width:40px; height:40px;}
	.sub1_2 .point_img02 {bottom:15%; right:40%; width:40px; height:40px;}
}
@media only screen and (max-width:400px){
	.sub1_2 .point_img01 {bottom:34%; left:18%; width:40px; height:40px;}
	.sub1_2 .point_img02 {bottom:15%; right:44%; width:40px; height:40px;}
}

/* 모든페이지 상단 sub-contents_top / 작은설명문구리스트 bottom_text / 하단 가입신청버튼 -공통적용
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-contents_top {margin:30px 0; background:#eee; padding:20px;}
.sub-contents_top > .sub-contents_top_img {float:left; margin-left:30px;}
.sub-contents_top > .top_text01 {float:left; padding:40px;}
.sub-contents_top > .top_text02 {float:right; margin-right:50px; padding-top:60px;}
.sub-contents_top:after{content:''; display:block; clear:both;}

.sub-contents_top h2 {color:#000; font-weight:500;}
.sub-contents_top > .top_text01 > p {margin-top:20px; line-height:150%;}
.sub-contents_top > .top_text01 h3 {color:#000; margin-bottom:10px;}
.sub-contents_top > .top_text01 h4 {color:#000;}
.sub-contents_top > .top_text02 > h2 span{color:#ff7a00;}
.sub-contents_top > .top_text02 > p {margin-top:20px; font-size:15px; line-height:150%;}
.sub-contents_top > .top_text_right {padding-top:40px; float:right; margin-right:30px;}
.sub-contents_top > .top_text_right > h4 {line-height:150%; color:#000; }
.sub-contents_top > .top_text_right > p {margin-top:20px; font-size:15px; line-height:150%;}

.sub2_1 .product_contents strong {font-weight:500;}
.bottom_text {margin:30px;}
.bottom_text ul li {list-style-type:disc; line-height:150%; font-size:14px;} 
 
.sub-contents_btn {float:right;}
.sub-contents_btn > a { display: inline-block; margin-bottom:50px; width: 320px; height: 70px; line-height: 70px; font-size: 28px; 
	background:#ff7a00; color: #fff; border-radius: 10px 10px 0 10px; text-align:center; box-shadow:5px 5px 10px #999;}
.sub-contents_btn> a:hover { background: #ff7a00;}

@media only screen and (max-width:1100px){
	.sub-contents_top > .top_text_right {padding-top:10px; margin-right:300px;}
}

@media only screen and (max-width:980px){
    .sub-contents_top_img {width:150px;}
	.sub-contents_top > .sub-contents_top_img {margin-left:10px;}
    .sub-contents_top > .top_text01 {padding:25px;}
	.sub-contents_top > .top_text02 {display:block; padding-top:40px; margin:0 10px;}
    .sub-contents_top > .top_text01 h2 {font-size:23px;}
    .sub-contents_top > .top_text01 p {font-size:14px;}
    .sub-contents_top > .top_text02 h2 {font-size:23px;}
    .sub-contents_top > .top_text02 p {font-size:13px;}	
	.sub-contents_top > .top_text_right {padding-top:10px 0 30px; margin-right:300px;}

}
@media only screen and (max-width:800px){
	.sub-contents_top > .top_text_right {margin-right:150px;}
}
@media only screen and (max-width:768px){
    .sub-contents_top > .top_text01 h2 {font-size:20px;}
    .sub-contents_top > .top_text01 p {font-size:14px;}
	.sub-contents_top > .top_text02 {margin-right:0;}
    .sub-contents_top > .top_text02 h2 {font-size:20px;}
    .sub-contents_top > .top_text02 p {font-size:12px;}
	.sub-contents_top > .top_text_right {margin:0 0 30px 170px;}
	.sub-contents_top > .top_text_right > h4 {font-size:16px;}
	.sub-contents .bottom_text ul li {font-size:13px;}
    .sub-contents_btn > a  {width: 280px; height: 60px; line-height: 60px; font-size:18px;}
}

@media only screen and (max-width:620px){
    .sub-contents_top_img {width:120px;}
    .sub-contents_top > .top_text01 h2 {font-size:18px;}
    .sub-contents_top > .top_text01 p {font-size:13px;}
    .sub-contents_top > .top_text02 h2 {font-size:18px;}
	.sub-contents_top > .top_text_right {margin-left:140px;}
}

@media only screen and (max-width:530px){
    .sub-contents_top > .top_text02 {padding-top:10px; margin-right:50px;}
	.sub-contents_btn > a  {width: 230px; height: 50px; line-height: 50px; font-size:16px;}
	.sub-contents_top > .top_text_right {margin-left:25px;}
}

@media only screen and (max-width:420px){
	.sub-contents_top {padding: 20px 10px;}
	.sub-contents_top_img {margin-left:0; margin-top:20px; width:70px;}
	.sub-contents_top > .top_text_right {margin-left:15px;}
.sub-contents_top > .top_text01 {padding-left:10px;}
	.sub-contents_top > .top_text01 > p {margin-top:10px;}
	.sub-contents_top > .top_text02 > p {margin-top:10px;}
}


/* 클라우드캠
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-contents.sub4_2 {text-align:center; }
.apply_list {display:inline-block; position: relative; margin-top:50px;}
.apply_list:after {content:''; display:block; clear:both; width:calc(100% - 240px); height:1px; background:#ccc; position: absolute; top: 245px; z-index: -1; left: 10.5%;}
.apply_list > li { float: left; width: 245px; text-align: center; margin-right:60px;}
.apply_list > li:last-child {margin-right:0px;}
.apply_list > li p {font-size: 15px; color: #ff7a00; margin-bottom: 18px;}
.apply_list > li p:before {content:''; display:block; width:10px; height:10px; background:#ff7a00; border-radius:50%; margin: 0 auto; margin-bottom: 30px;}
.apply_list > li h2 {font-size: 22px; color: #333; font-weight: 500; line-height:1.2; margin-bottom: 13px;}
.apply_list > li h4 { font-size: 16px; color: #555; line-height: 22px;}
.apply_list > li > div:after {content:''; display:block; width:1px; height:45px; background:#ccc; margin: 0 auto;}

.sub4_2 .contents_01 {width:100%; padding:30px; border:5px double #eeeeee; margin:100px 0; }
.youtube {position: relative; width:100%; height:500px; }
.youtube img {position: absolute; left:2%; width: 20%; }
.youtube .youtube_box {position: absolute; right:5%; width:70%; }

.marketing {width:95%; margin-left:2%; margin-top:50px;}
.marketing_02 {display:none;}

/* 표(table)-기본 css는 상단에 공통적용 */
.sub4_2 .product_contents {margin-bottom:50px;}
.sub4_2 .product_contents th {font-size:16px;}


@media only screen and (max-width:1200px){
	.apply_list > li { width:calc(100%/4 - 60px);}
	.apply_list:after { top: 228px; left: 9.5%;}
}

@media only screen and (max-width:980px){
	.apply_list:after {display:none;}
	.apply_list > li p { margin-top: 30px;}
	.apply_list > li p:before {display:none;}
	.apply_list > li > div:after {display:none;}
	.apply_list > li h2 {font-size: 20px;}
	.marketing {width:100%; margin-left:0;}
	.youtube {height:550px;}
	.youtube img {width: 40%; left:0;}
	.youtube .youtube_box {top:15%; right:0%;width:100%; }
}

@media only screen and (max-width:768px){
	.apply_list > li { width: calc(100%/2 - 10px); margin-right: 20px; margin-bottom:30px;}
	.apply_list > li:nth-child(2) {margin-right: 0px;}
	.apply_list > li:nth-child(3) {margin-bottom:0px;}
	.apply_list > li:nth-child(4) {margin-bottom:0px; margin-right: 0px;} 
	.youtube img {width: 50%; left:0;}
	.youtube .youtube_box {top:14%; }
	.marketing_01 {display:none;}
    .marketing_02 {display:block;}
}

@media only screen and (max-width:480px){
	.apply_list > li h2 {font-size:18px; }
	.apply_list > li h4 { min-height: 45px;}
}

/* AI2 셋톱박스 컨텐츠 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub3_2_contents .contentsBox_01 {border:5px double #eee; padding:50px;}
.sub3_2_contents .contentsBox_01 .contentsBox_01_img02 {display:none;}
.sub3_2_contents .contentsBox_02 {margin:100px auto; width:1040px; height:auto; overflow:hidden; }
.sub3_2_contents .contentsBox_02 > h2 {color:#000; text-align:center; font-weight:500;}
.sub3_2_contents .contentsBox_02 .contentsBox_02_list {margin:30px 0; }
.sub3_2_contents .contentsBox_02 ul li {position:relative; width:500px; height:400px; margin:10px; background:#f7f7f7; float:left; border-radius:50px 50px 0 50px; }
.sub3_2_contents .contentsBox_02 ul li > h4 {position:absolute; top:10%; left:10%; color:#000; font-weight:500;}
.sub3_2_contents .contentsBox_02 ul li > h4 span {color:#fe8824;}
.sub3_2_contents .contentsBox_02 ul li > p {position:absolute; top:22%; left:10%; letter-spacing:-0.3px;}
.sub3_2_contents .contentsBox_02 ul li > img {position:absolute; bottom:6%; right:5%;}

.sub3_2_contents .contentsBox_03 {margin:150px auto; margin-bottom:70px;}
.sub3_2_contents .contentsBox_03 .contents_box01 h4{font-size:18px; padding:10px; background:ff7a00; text-align:center; color:#fff; letter-spacing:-0.3px; border-top:1px solid #ff7a00;}
.sub3_2_contents .contentsBox_03 .contents_box01 h4
.sub3_2_contents .contentsBox_03 .contents_box02 {width:100%; margin-top:50px; background:#eee; padding:50px 100px;}
.sub3_2_contents .contentsBox_03 .contents_box02 h4 {color:#000; font-weight:500; margin-bottom:20px;}
.sub3_2_contents .contentsBox_03 .contents_box02 ul li {line-height:170%;}

@media only screen and (max-width:1200px){
    .sub3_2_contents .contentsBox_02 {width:940px;}
    .sub3_2_contents .contentsBox_02 ul li {width:450px; height:350px;}
	.sub3_2_contents .contentsBox_02 ul li img {width: 200px; bottom:6%; right:5%;}
    .sub3_2_contents .contentsBox_02 ul li h4 {top:10%; left:10%;}
    .sub3_2_contents .contentsBox_02 ul li p {top:22%; left:10%;}        
    } 
@media only screen and (max-width:980px){
	.sub3_2_contents .contentsBox_01 {padding:20px;}
    .sub3_2_contents .contentsBox_02 {width:740px;}
	.sub3_2_contents .contentsBox_02 ul li {width:350px; height:350px; padding:20px; }
	.sub3_2_contents .contentsBox_02 ul li img {width:180px; bottom:6%; right:5%;}
	.sub3_2_contents .contentsBox_02 ul li h4 {top:10%; left:10%; font-size:16px;}
    .sub3_2_contents .contentsBox_02 ul li p {top:22%; left:10%; font-size:15px;}   
	.sub3_2_contents .contentsBox_03 .contents_box02 {padding:50px 50px;}
    } 
@media only screen and (max-width:767px){
    .sub3_2_contents .contentsBox_02 {width:640px;}
	.sub3_2_contents .contentsBox_02 ul li {width:300px; height:300px; padding:20px; }
	.sub3_2_contents .contentsBox_02 ul li img {width:180px; bottom:6%; right:5%;}
	.sub3_2_contents .contentsBox_02 ul li h4 {top:12%; left:7%; font-size:15px;}
	.sub3_2_contents .contentsBox_02 ul li p {top:25%; left:7%; font-size:14px; line-height:150%;}   
	.sub3_2_contents .contentsBox_03 .contents_box02 {padding:40px 40px;}
    } 
@media only screen and (max-width:660px){
    .sub3_2_contents .contentsBox_02 {width:100%;}
	.sub3_2_contents .contentsBox_02 ul li {float:none; width:95%;}
	.sub3_2_contents .contentsBox_02 ul li img {width:200px; bottom:6%; right:5%;}
	.sub3_2_contents .contentsBox_02 ul li h4 {top:12%; left:7%; font-size:20px;}
	.sub3_2_contents .contentsBox_02 ul li p {top:25%; left:7%; font-size:16px; line-height:150%;}   
	.sub3_2_contents .contentsBox_03 .contents_box02 {padding:40px 40px;}
    } 
@media only screen and (max-width:480px){
	.sub3_2_contents .contentsBox_01 {padding:20px 0;}
	.sub3_2_contents .contentsBox_01 .contentsBox_01_img01 {display:none;}
	.sub3_2_contents .contentsBox_01 .contentsBox_01_img02 {display:block;}
	.sub3_2_contents .contentsBox_02 ul li h4 {top:12%; left:7%; font-size:17px;}  
	.sub3_2_contents .contentsBox_03 .contents_box02 {padding:40px 20px;}
	.sub3_2_contents .contentsBox_02 > h2 {font-size:20px;}
    } 

/* 소상공인패키지
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.sub4_1 .sub4_1_contents {margin:100px auto;}
.sub4_1_contents .cont_title02 span {font-size:16px; color:#777;}
.sub4_1_contents .contents_box01 h4 {font-size:18px; padding:10px; background:#ff7a00; text-align:center; color:#fff; letter-spacing:-0.3px; border-top:1px solid #ff7a00;}
.sub4_1_contents .contents_box02 {width:1040px; margin:50px auto; margin-top:100px;}
.sub4_1_contents .contents_box02 ul li {position:relative; float:left; width:500px; height:200px; margin:10px; border:1px solid #ccc; border-radius:30px; line-height:170%;}
.sub4_1_contents .contents_box02 ul li img {position:absolute; top:20%; left:7%;}
.sub4_1_contents .contents_box02 ul li h4 {position:absolute; top:20%; left:40%;}
.sub4_1_contents .contents_box02 ul li p {position:absolute; top:33%; left:40%; line-height:150%; margin-top:20px; }
.cl:after{content:''; display:block; clear:both;}
.sub4_1_contents .contents_box03 {width:1040px; margin:50px auto; background:#eee; padding:50px 100px;}
.sub4_1_contents .contents_box03 h4 {color:#000; font-weight:500; margin-bottom:20px;}
    
@media only screen and (max-width:1200px){
    .sub4_1_contents .contents_box02 {width:940px;}
    .sub4_1_contents .contents_box02 ul li {width:450px; height:200px;}
    .sub4_1_contents .contents_box02 ul li img {top:20%; left:7%;}
    .sub4_1_contents .contents_box02 ul li h4 {top:20%; left:40%;}
    .sub4_1_contents .contents_box02 ul li p {font-size:14px;}        
    .sub4_1_contents .contents_box03 {width:940px; padding:45px 80px;}
    .sub4_1_contents .contents_box03 ul li {font-size:15px;}
    } 
@media only screen and (max-width:980px){
    .sub4_1_contents .contents_box02 {width:740px;}
    .sub4_1_contents .contents_box02 ul li {width:350px; height:170px;}
    .sub4_1_contents .contents_box02 ul li img {top:20%; left:7%;}
    .sub4_1_contents .contents_box02 ul li h4 {top:20%; left:40%;}       
    .sub4_1_contents .contents_box03 {width:740px; padding:40px 70px;}
    .sub4_1_contents .contents_box03 ul li {font-size:15px;}
    } 
@media only screen and (max-width:767px){
    .sub4_1_contents .contents_box02 {width:640px;}
    .sub4_1_contents .contents_box02 ul li {width:300px; height:170px;}
    .sub4_1_contents .contents_box02 ul li img {top:23%; left:7%; width:70px;}
    .sub4_1_contents .contents_box02 ul li h4 {top:18%; left:35%; font-size:15px;}
    .sub4_1_contents .contents_box02 ul li p {top:30%; left:35%;font-size:13px;}        
    .sub4_1_contents .contents_box03 {width:90%; padding:40px 60px;}
    .sub4_1_contents .contents_box03 ul li {font-size:14px;}
    }    
@media only screen and (max-width:660px){
    .sub4_1_contents .contents_box02 {width:100%;}
    .sub4_1_contents .contents_box02 ul li {float:none; width:95%; height:200px; }
    .sub4_1_contents .contents_box02 ul li img {top:23%; left:7%; width:100px;}
    .sub4_1_contents .contents_box02 ul li h4 {top:20%; left:40%; font-size:20px;}
    .sub4_1_contents .contents_box02 ul li p {left:40%; font-size:15px;}     
    .sub4_1_contents .contents_box03 {padding:40px 20px;}
    .sub4_1_contents .contents_box03 h4 {font-size:16px;}
    .sub4_1_contents .contents_box03 ul li {font-size:14px;}
    }
@media only screen and (max-width:480px){
    .sub4_1_contents .contents_box02 ul li img {top:23%; left:7%; width:70px;}
    .sub4_1_contents .contents_box02 ul li h4 {top:20%; left:35%; font-size:20px;}
    .sub4_1_contents .contents_box02 ul li p {left:35%; font-size:15px;}     
    }

/* B&캡스 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub4_3_contents .contentsBox_01 {margin:100px 0;}
.sub4_3_contents .contentsBox_01 .cont_title02 span {font-size:16px; color:#777;}
.sub4_3_contents .contentsBox_02 .list_img01 > .img_mobile {display:none;}
.sub4_3_contents .contentsBox_02 .list_img02 {position:relative; width:100%; height:580px; border:5px solid #eee; background:#d7e6f0; margin:50px 0;}
.sub4_3_contents .contentsBox_02 .list_img02 > h2 {position:absolute; top:20%; left:5%; color:#000; font-weight:500;}
.sub4_3_contents .contentsBox_02 .list_img02 > img {position:absolute; top:5%; right:2%; width:80%; border:0;} 

.sub4_3_contents .contentsBox_03 {width:1040px; margin:50px auto; margin-top:100px;}
.sub4_3_contents .contentsBox_03 ul li {position:relative; float:left; width:500px; height:200px; margin:10px; border:1px solid #ccc; border-radius:30px; line-height:170%;}
.sub4_3_contents .contentsBox_03 ul li img {position:absolute; top:20%; left:7%;}
.sub4_3_contents .contentsBox_03 ul li p {position:absolute; top:37%; left:40%; line-height:150%;}
.cl:after{content:''; display:block; clear:both;}
.sub4_3_contents .contentsBox_03 h3 {color:#000; font-weight:500; margin-bottom:20px;}

@media only screen and (max-width:1200px){
	.sub4_3_contents .contentsBox_02 .list_img02 {height:520px;}
    .sub4_3_contents .contentsBox_03 {width:940px;}
    .sub4_3_contents .contentsBox_03 ul li {width:450px; height:200px;}
    } 
@media only screen and (max-width:980px){
	.sub4_3_contents .contentsBox_02 .list_img02 {height:450px;}
	.sub4_3_contents .contentsBox_02 .list_img02 > h2 {font-size:25px;}
    .sub4_3_contents .contentsBox_03 {width:740px;}
    .sub4_3_contents .contentsBox_03 ul li {width:350px; height:170px;}
	.sub4_3_contents .contentsBox_03 ul li img {width:80px;} 
	.sub4_3_contents .contentsBox_03 ul li p {top:30%; left:40%; font-size: 15px;}
    }
@media only screen and (max-width:767px){
	.sub4_3_contents .contentsBox_02 .list_img02 {height:370px;}
	.sub4_3_contents .contentsBox_02 .list_img02 > h2 {font-size:20px;}
    .sub4_3_contents .contentsBox_03 {width:640px;}
    .sub4_3_contents .contentsBox_03 ul li {width:300px; height:170px;}
    .sub4_3_contents .contentsBox_03 ul li img {top:23%; left:5%; width:70px;}     
	.sub4_3_contents .contentsBox_03 ul li p {left:35%; font-size: 14px;}
    }    
@media only screen and (max-width:660px){
	.sub4_3_contents .contentsBox_02 .list_img01 > .img_pc {display:none;}
	.sub4_3_contents .contentsBox_02 .list_img01 > .img_mobile {display:block;}
	.sub4_3_contents .contentsBox_02 .list_img02 {height:300px;}
	.sub4_3_contents .contentsBox_02 .list_img02 > h2 {left:3%;}
    .sub4_3_contents .contentsBox_03 {width:100%;}
    .sub4_3_contents .contentsBox_03 ul li {float:none; width:95%;}
    .sub4_3_contents .contentsBox_03 ul li img {top:23%; left:7%; width:100px;}
    .sub4_3_contents .contentsBox_03 ul li p {font-size: 16px;}
    }
@media only screen and (max-width:480px){
	.sub4_3_contents .contentsBox_02 .list_img02 {height:300px;}
	.sub4_3_contents .contentsBox_02 .list_img02 > h2 {left:5%; top:10%;}
	.sub4_3_contents .contentsBox_02 .list_img02 img {left:0; top:20%; width:100%;}
	.sub4_3_contents .contentsBox_03 ul li img {top:25%; left:7%; width:80px;}
    .sub4_3_contents .contentsBox_03 ul li p {top:35%;}
    }

/* 현대카드
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub5_1_contents {margin:100px 0; }
.sub5_1_contents > .bottom_text { width:100%; background:#eee; padding:50px; margin:50px 0 0 0;}
.sub5_1_contents > .bottom_text_01 {width:100%; background:#eee; padding:0 50px; }
.sub5_1_contents > .bottom_text:last-child {margin-top:0;}
.sub5_1_contents .bottom_text_01 ul li {list-style-type:circle; line-height:170%; font-size:18px;} 
.sub5_1_contents .bottom_text_01 .text-indent {text-indent:30px; list-style-type:none;}

@media only screen and (max-width:980px){
	.sub5_1_contents > .bottom_text_01 ul li {font-size:15px;}
}
@media only screen and (max-width:767px){
	.sub5_1_contents > .bottom_text {padding:30px;}
	.sub5_1_contents > .bottom_text_01 {padding:0 30px; }
}

/* 하나카드 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub5_2_contents {margin:50px 0; }
.sub5_2_contents .contents_box01 {border:1px solid #ccc; border-radius:50px; padding:20px;}
.sub5_2_contents .contents_box01 > img {display:block; margin:30px auto; width:840px; }
.sub5_2_contents .contents_box01 > p {text-align:center; margin:20px;}
.sub5_2_contents .contents_box02 {width:100%; margin-top:50px; padding:50px; border:1px solid #ccc; border-radius:50px;  background:#fef6f6;}
.sub5_2_contents .contents_box02 h3 {color:#000;}
.sub5_2_contents .bottom_text_01 {width:100%; background:#eee; padding:50px; margin-top:50px;}
.sub5_2_contents .bottom_text_01 ul li {list-style-type:circle; line-height:170%; font-size:18px;} 
.sub5_2_contents .bottom_text_01 .text-indent {text-indent:30px; list-style-type:none;}

@media only screen and (max-width:980px){
	.sub5_2_contents > .bottom_text_01 ul li {font-size:15px;}
}
@media only screen and (max-width:767px){
	.sub5_2_contents > .contents_box01 {padding:10px;}
	.sub5_2_contents .contents_box01 > img {margin:10px auto; }
	.sub5_2_contents > .bottom_text_01 {padding:30px; }
	.sub5_2_contents > .contents_box02 {padding:30px;}
	.sub5_2_contents > .contents_box02 p { line-height:170%;}
}