@charset "euc-kr";



.quick {overflow:hidden; margin-top:10px; width:230px; float:left; position:relative;}
.quick p.q_title { margin-top:35px; width:75px; height:13px; background: url("/homepage/ver3.5/images/sub/quick_title.gif") no-repeat;}

.quick li {float:left; width:97px; height:88px;} 
.quick li a { font-size: 0; line-height: 0; overflow: hidden; }
.quick li a {display:inline-block; width:97px; height:88px; background: url("/homepage/ver3.5/images/sub/aside_quick.gif") no-repeat;}
.quick li a.q1{background-position:0px 0px;}
.quick li a.q2 { background-position:-97px 0px;}
.quick li a.q3 { background-position:0px -88px;}
.quick li a.q4 { background-position:-97px -88px;} 

/* Quick menu 20210916 */

.quick21_n {position:fixed; width:62px; z-index:20000; top:220px; left:50%; margin-left:580px;}
.quick21_n ul {width:62px; height:267px; border-radius:3px; background-color:#0b68a9;}
.quick21_n > ul > li {width:62px; border-bottom:1px solid #4f8fbc;text-align:center; padding:11px 2px 12px 3px;}
.quick21_n > ul > li:last-child {border-bottom:none;}
.quick21_n a{color:#dedede;font-size:11px; text-decoration:none; display:block;}

/*fontawsome icon*/
.fa-caret-right {color:#6ba0cf; padding-right: 7px;}

/*flexbox*/
.new_flexbox{ display: flex; flex-wrap: nowrap; gap: 10px 15px; padding: 5px 0;}
.item2col{flex-basis: 48%; flex: 1; padding: 5px 0;}



/*Product > Theme 20220805 */
.pr_h1 {position: absolute; background:rgba(0,0,0,0.6);  margin-top: 25px; color:white; font-size: 24px; padding: 10px 50px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; min-width: 300px; text-align: center;}

.pr_h12 {position: absolute; background:rgba(14,103,171,0.6);  margin-top: 25px; color:white; font-size: 24px; padding: 10px 50px; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; min-width: 300px; text-align: center;}

.pr_themeTitle {width:100%; background-color: #4f8fbc; color:white;font-size: 14px; font-weight: 600;padding: 5px 10px; }

.pr_themeList {width:100%; border-left: 1px solid #dcecf7; border-right: 1px solid #dcecf7;}
.pr_themeList li { border-bottom: 1px solid #dcecf7; padding: 4px 0 4px 0px; font-size: 14px; font-weight: 600; }
.pr_themeList img{width:85px; border-radius: 50%; padding: 0 20px;}

.pr_themeList2 {width:100%;}
.pr_themeList2 li {padding: 5px 0 6px 20px; color:#366996;}
.pr_themeList2 li a {color:#366996;}

.p_subtitle {line-height: 160%; font-size: 14px; padding:20px 20px 15px 20px; width: 35%; background-color: #edf4ff; margin:5px 0;}
.pr_youtube {width: 600px; height:300px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px;}


.thumb { width:100%; margin:auto; }
.thumb li { position: relative; width:300px; height:300px; margin:10px; float:left; overflow:hidden; }

.thumb a {display:block;}
.thumb img { width:100%; transition:0.5s; }
.thumb .cover { position:absolute; top:0; left:0; width:100%; height:100%; display:table; background: rgba(255,255,255,0.8); opacity:0; transition:0.5s;}
.thumb .cover p { display:table-cell; text-align:center; vertical-align:middle; font-size:25px; color:#333; padding:20px; }

.thumb a:hover .cover { opacity:1;}
.thumb a:hover img { filter:blur(5px);}



.pro_tab03 {margin-bottom:20px;  margin-top:20px; width:100%;}
.pro_tab03>ul {position:relative; height:35px;  border-left:1px solid #e5e7ed; }
.pro_tab03>ul>li {float:left; padding:7px 25px 7px; border:1px solid #8996ab; background:#d5dbe6;margin-right:-1px;} 
.pro_tab03>ul>li.active {background:#2f4463; border:1px solid #2f4463;} 
.pro_tab03>ul>li.active>a {color:#fff; font-weight:600; font-size:14px; transition:0.5s}
.pro_tab03>ul>li div.con {position:absolute; left:0px; top:35px; width:100%; border-top:2px solid #2f4463; border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; margin-bottom: 15px;}
.pro_tab03>ul>li div.con>div.d_con{padding:13px 0 13px 25px; background-color:#edf4fc ;font-size: 13px; line-height: 150%; }
.pro_title_table {width: 100%;}
.pro_title_table th{width: 30%;}



.pr_theme_btn {border:1px solid #3674c2; border-radius: 15px; font-size: 12px; font-weight: 600; text-align: center; float: right; background-color: #ffffff; display: block; margin-bottom: 10px; margin-right: 10px; width: 170px;line-height:200%; padding-bottom: 2px;}

.pr_youtube_btn {border:1px solid #e72f26; border-radius: 15px; font-size: 12px; font-weight: 600; padding: 3px 0; text-align: center; float: right; background-color: #ffffff; display: block; margin-right: 10px; width: 170px;}

.theme_paper {width: 93%; padding: 25px 0 10px 15px; font-size: 18px; font-weight: bold; color:#000000; float: left; }
.theme_paper2 {padding: 5px  0px; text-align:center; font-size: 15px; font-weight: bold; color:#db3737;  }
.theme_paper3 {padding: 5px  0px; text-align:center; font-size: 15px; font-weight: bold; color:#129599;  }

.theme_table_left {width: 48%; font-size: 12px; text-align: center; margin: 5px 0px 5px 10px; border-collapse: collapse; border-spacing: 0; float: left;}
.theme_table_left th {padding: 4px 0 ;  border:1px solid #cccccc; color: white; font-weight: bold;}
.theme_table_left td {padding: 4px 0 ; border:1px solid #cccccc; line-height: 150%;}
.theme_table_left a {color:#4080bf;}

.theme_table_right {width: 48%; font-size: 12px; text-align: center; margin: 5px 10px 5px 0px; border-collapse: collapse; border-spacing: 0; float: right;}
.theme_table_right th {padding: 4px 0 ;  border:1px solid #cccccc; color: white; font-weight: bold;}
.theme_table_right td {padding: 4px 0 ; border:1px solid #cccccc; line-height: 150%;}
.theme_table_right a {color:#4080bf;}

.theme_title_left {font-size: 15px; font-weight: bold; width: 48%; float: left; padding: 5px 0 5px 10px; height:25px;} 
.theme_title_right {font-size: 15px; font-weight: bold; width: 49%; float: right; padding: 5px 0 5px 5px; height:25px;} 
.theme_series {width: 98%; font-size: 12px; text-align: center; margin:10px 10px 30px;}
.theme_series a{color:#0b68a9;}
.theme_series td{width:20%;}
.theme_series th{color:white; font-weight: 600; text-align: left; border-bottom:1px solid #cccccc;padding:6px; font-size: 15px;}
.theme_series img {width: 80px;height:80px;}

.theme_series2nd {width: 98%; font-size: 12px; text-align: center; margin:10px 10px 30px; }
.theme_series2nd a{color:#43464f; padding: 5px; height: 150px; margin: 7px; border: 1px solid #dcdcdc; border-radius: 10px; display: block; font-weight: 600;}
.theme_series2nd td{width:22%;}
.theme_series2nd img {width: 200px; height: 92px; padding: 13px 0;}

.theme_cate_red {background-color: #e6304e; padding: 2px 15px;  border-radius: 15px; font-size: 13px; color:white; font-weight: 600;}
.theme_cate_red1 {padding: 2px 15px;  border-radius: 15px; color:#e6304e;  font-size: 13px; background-color: white; font-size: 13px;}
.theme_cate_blue {background-color: #36a8e0; padding: 2px 15px;  border-radius: 15px;  font-size: 13px; color:white; font-weight: 600;}
.theme_cate_blue1 {padding: 1px 15px;  border-radius: 15px; color:#36a8e0;  font-size: 13px; background-color: white;}
.theme_cate_orange {background-color: #fa781b; padding: 2px 15px;  border-radius: 15px;  font-size: 13px; color:white; font-weight: 600;}
.theme_cate_orange1 {padding: 2px 15px;  border-radius: 15px; color:#fa781b;  font-size: 13px; background-color: white;}
.theme_cate_green {background-color: #71c918; padding: 2px 15px;  border-radius: 15px;  font-size: 13px; color:white; font-weight: 600;}
.theme_cate_green1 { padding: 2px 15px;  border-radius: 15px; color:#71c918;  font-size: 13px; background-color: white;}
.theme_cate_cyon {background-color: #18d6a6; padding: 2px 15px;  border-radius: 15px;  font-size: 13px; color:white; font-weight: 600;}
.theme_cate_cyon1 {padding: 2px 15px;  border-radius: 15px; color:#0ac797;  font-size: 13px; background-color: white;}
.theme_cate_navy {background-color: #415ed1; padding: 2px 15px;  border-radius: 15px;  font-size: 13px; color:white; font-weight: 600;}
.theme_cate_navy1 {padding: 2px 15px;  border-radius: 15px; color:#415ed1;  font-size: 13px; background-color: white;}
.theme_cate_pink {background-color: #e6228a; padding: 2px 15px;  border-radius: 15px;  font-size: 13px; color:white; font-weight: 600;}
.theme_cate_pink1 {padding: 2px 15px;  border-radius: 15px; color:#e6228a;  font-size: 13px; background-color: white;}
.theme_cate_gray {background-color: #807e7c; padding: 2px 15px;  border-radius: 15px;  font-size: 13px; color:white; font-weight: 600;}
.theme_cate_gray1 {padding: 2px 15px;  border-radius: 15px; color:#807e7c;  font-size: 13px; background-color: white;}

.theme_h3 {display: block; height: 35px; line-height: 30px; font-size: 18px; font-weight: bold;
    background: url(https://www.smckorea.co.kr/homepage/ver3.5/images/theme/bk_h3.jpg) repeat-x 0 0; text-align: left; margin: 5px auto 10px auto;}
.theme_ico_h3 {display: block; float: left; width: 20px; height: 35px;
    background: url(https://www.smckorea.co.kr/homepage/ver3.5/images/theme/ico_h3_jp.jpg) no-repeat 0 0; text-indent: -9999px;}
.arc_table {width: 45%; position: relative; margin: 5px 0 10px 20px; line-height: 150%; float: left;}



@media (min-width: 768px) {
	
.sub_tit_new h3 {color:#015ba1; font-size:2.1em; font-weight:600;} 
.sub{max-width:1920px; background: url("https://www.smckorea.co.kr/homepage/ver3.5/images/sub/sub_visual_bg_short.gif") no-repeat  50% 140px;}
.sub_tit_new {position:relative; padding:20px 0 11px; margin-bottom:20px;}




}





@media (max-width:767px) {


.sub_tit_new {background: url("https://www.smckorea.co.kr/homepage/ver3.5/images/sub/mb_visual_bg.gif") no-repeat 50% 0px #b2d6f4;
	border-top:1px solid #d0d0d0; border-bottom:1px solid #e2e2e2; margin-bottom:-8px;}  
.sub_tit_new h3 {padding:15px 15px; color:#015ba1; font-size:1.5em; font-weight:600; text-align:center;} 
.sub_tit_new #location {display:none; }

	
}