@charset "utf-8";
/* CSS Document */

/* base */
body,input,textarea,select,button,table{font-family: 'NanumGothic','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Arial,verdana,AppleGothic,sans-serif; font-size:12px}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol{list-style:none}
fieldset,img{border:0; vertical-align:top;}
address{font-style:normal}

#wrap_group,#wrap_group h2,#wrap_group h3,#wrap_group h4,#wrap_group h5{font-family: 'NanumGothic','Malgun Gothic',''돋움',Dotum,'굴림',Gulim',Arial,verdana,AppleGothic,sans-serif}

/* a-style */
a{color:#666; text-decoration:none}
a:hover,a:active,a:focus{color:#333;text-decoration:none}

/* p-style */
p{line-height:1.7em;}

/* skip nav */
#skipNav{position:relative;width:100%;overflow:hidden;}
#skipNav a{display:block; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; text-decoration:none; color:#333; font-size:12px;}
#skipNav a:hover,#skipNav a:focus,#skipNav a:active{display:block; height:auto; padding:5px 0; background:none repeat scroll 0 0 #f2f2f2;}

/* basic */
body{font-size:12px; color:#666;}
.hidden{position:absolute; top:0; left:-1000%; width:1px; height:1px; overflow:hidden}

/* input */
textarea{border:1px solid #aaa; line-height:18px}
input, textarea {vertical-align:middle;font-size:1em;color:#666;
         font-family:'NanumGothic','Malgun Gothic','Dotum', Arial, verdana;padding:0; margin:0}
input.text{border:1px solid #dbdbdb; padding:5px 0 3px 5px; height:14px; color:#808080}
input.radio{vertical-align:middle}
input.checkbox{border:0 none}
select{vertical-align:middle;font-size:1.1em;color:#999;
        font-family:'Malgun Gothic','Dotum', Arial, verdana;padding:0; margin:0;height:16px}

/* shortcut */
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.overflow{overflow:hidden}
.float_left{float:left}
.float_right{float:right}
.position_r{position:relative}
.position_a{position:absolute}
.indent{text-indent:-9999px}
.border_none{border:none}
.block{display:block}

/* color style */
.kulor01{background-color:#304665; color:#ccc}
.kulor01 a{color:#ccc}
.kulor011{background-color:#304665; color:#fff}
.kulor011 a{color:#fff}
.kulor02{background-color:#182332; color:#888}
.kulor02 a{color:#888}

.kulor03{color:#0079be}
.kulor03 a{color:#0079be}

.kulor04{color:#ce3e3e}
.kulor04 a{color:#ce3e3e}

.kulor01bg{background-color:#eee}

/* font style */
.p_bold{font-weight:bold}

.p_headline36{font-size:36px; font-family:'NanumGothic','나눔바른고딕',돋음}
.p_headline30{font-size:30px; font-family:'NanumGothic','나눔바른고딕',돋음}
.p_headline20{font-size:20px; font-family:'NanumGothic','나눔바른고딕',돋음}
.p_headline17{font-size:17px}
.p_headline14{font-size:14px}

.p_custom12{color:#999}
.p_custom12 span{font-weight:bold}

/* page setup */
.respon_box{width:100%}
.respon_center{width:980px; margin:0 auto}

/* main page */
div.header_box{z-index:30}
div.header_box div.header_top{top:40px; right:0; overflow:hidden}
div.header_box div.header_top li{width:60px; float:left}
div.header_box div.header_main{height:130px}
div.header_box div.header_main ul.mainMenu li.menu{float:left; margin-top:70px}
div.header_box div.header_main ul.mainMenu li.menu h3 a{width:156px; height:60px; display:block; text-indent:-9999px}
div.header_box div.header_main ul.mainMenu li.menu ul{height:215px; padding:35px 0; text-align:center; position:absolute; top:130px; z-index:20}
div.header_box div.header_main ul.mainMenu li.menu ul:hover{background:url(/coolmaxmlshopcokr/upload/header_submenu_bg.png)}
div.header_box div.header_main ul.mainMenu li.menu ul li{width:156px}
div.header_box div.header_main ul.mainMenu li.menu ul li a{padding:12px 0; font-size:16px; color:#fff; display:block}
div.header_box div.header_main ul.mainMenu li.menu ul li a:hover span{border-bottom:1px solid #fff}

.menu_box{position:absolute; left:0; top:130px; background:#304665; filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5; width:100%; height:285px; z-index:10}

div.main div.gallery li span{height:600px; display:block}
div.main div.gallery li span img{left:10px; bottom:150px}
.slide_bg01{background:url(/coolmaxmlshopcokr/upload/slide_bg01.jpg) center no-repeat; background-size:cover}
.slide_bg02{background:url(/coolmaxmlshopcokr/upload/slide_bg02.jpg) center no-repeat; background-size:cover}
.slide_bg03{background:url(/coolmaxmlshopcokr/upload/slide_bg03.jpg) center no-repeat; background-size:cover}
.slide_box{height:600px; overflow:hidden}
.gallery li{display:none}

.dock{width:330px; right:20px; top:-80px}
.dock span.mbutton{ margin-right:15px; cursor:pointer; display:block; float:left; width:15px; height:15px; background:url(/coolmaxmlshopcokr/upload/bnt.png)}

div.product_box{height:495px}
div.product_box div.position_a{top:-40px}
div.product_box div.position_a li{float:left}
div.product_box div.position_a li:hover{font-weight:bold}
div.product_box div.position_a li a{width:196px; height:495px; padding:10px 0 0 0; display:block}

div.surpport_box li{margin-bottom:20px; float:left}
div.surpport_box ul.surpport_up{padding:20px 0 0 0; border-bottom:1px solid #666}
div.surpport_box ul.surpport_up li{border-right:1px solid #ccc}
div.surpport_box ul.surpport_up li.border_none{border:none}
div.surpport_box ul.surpport_up li a{width:326px; height:250px; padding:20px 0 0 0; display:block}
div.surpport_box ul.surpport_down li{height:180px;}

div.footer_menu{padding:20px 0}
div.footer_menu h3{right:0px; bottom:10px}
div.footer_menu li.footer_li{text-align:center; float:left}
div.footer_menu li.footer_li a:hover{color:#0079be}
div.footer_menu li.footer_li a.footer_a{width:196px; padding:20px 0; display:block}
div.footer_menu li.footer_li li a{height:30px;  display:block}

div.footer_copyright{height:50px; padding:12px 0 0 0}
div.footer_copyright span{padding:0 25px 0 0; text-indent:30px; display:block}

/* header main menu IR */
ul.header_menu li.header_img01{background:url(/coolmaxmlshopcokr/upload/header_menu01.png) no-repeat}
ul.header_menu li.header_img02{background:url(/coolmaxmlshopcokr/upload/header_menu02.png) no-repeat}
ul.header_menu li.header_img03{background:url(/coolmaxmlshopcokr/upload/header_menu03.png) no-repeat}
ul.header_menu li.header_img04{background:url(/coolmaxmlshopcokr/upload/header_menu04.png) no-repeat}
ul.header_menu li.header_img05{background:url(/coolmaxmlshopcokr/upload/header_menu05.png) no-repeat}
ul.header_menu li.header_img01:hover{background:url(/coolmaxmlshopcokr/upload/header_menu01hover.png) no-repeat}
ul.header_menu li.header_img02:hover{background:url(/coolmaxmlshopcokr/upload/header_menu02hover.png) no-repeat}
ul.header_menu li.header_img03:hover{background:url(/coolmaxmlshopcokr/upload/header_menu03hover.png) no-repeat}
ul.header_menu li.header_img04:hover{background:url(/coolmaxmlshopcokr/upload/header_menu04hover.png) no-repeat}
ul.header_menu li.header_img05:hover{background:url(/coolmaxmlshopcokr/upload/header_menu05hover.png) no-repeat}

/* product bg */
div.product_box li.product_bg01{background:url(/coolmaxmlshopcokr/upload/product_bg01.png) no-repeat}
div.product_box li.product_bg02{background:url(/coolmaxmlshopcokr/upload/product_bg02.png) no-repeat}
div.product_box li.product_bg03{background:url(/coolmaxmlshopcokr/upload/product_bg03.png) no-repeat}
div.product_box li.product_bg04{background:url(/coolmaxmlshopcokr/upload/product_bg04.png) no-repeat}
div.product_box li.product_bg05{background:url(/coolmaxmlshopcokr/upload/product_bg05.png) no-repeat}
div.product_box li.product_bg01:hover a{background:url(/coolmaxmlshopcokr/upload/product_bg01hover.png) no-repeat}
div.product_box li.product_bg02:hover a{background:url(/coolmaxmlshopcokr/upload/product_bg02hover.png) no-repeat}
div.product_box li.product_bg03:hover a{background:url(/coolmaxmlshopcokr/upload/product_bg03hover.png) no-repeat}
div.product_box li.product_bg04:hover a{background:url(/coolmaxmlshopcokr/upload/product_bg04hover.png) no-repeat}
div.product_box li.product_bg05:hover a{background:url(/coolmaxmlshopcokr/upload/product_bg05hover.png) no-repeat}

/* surpport text bg */
div.surpport_box ul.surpport_up li.surpport_bg01 a{background:url(/coolmaxmlshopcokr/upload/surpport_uptext01.png) center 190px no-repeat}
div.surpport_box ul.surpport_up li.surpport_bg02 a{background:url(/coolmaxmlshopcokr/upload/surpport_uptext02.png) center 190px no-repeat}
div.surpport_box ul.surpport_up li.surpport_bg03 a{background:url(/coolmaxmlshopcokr/upload/surpport_uptext03.png) center 190px no-repeat}
div.surpport_box ul.surpport_up li.surpport_bg01 a:hover{background:url(/coolmaxmlshopcokr/upload/surpport_uptext01hover.png) center 190px no-repeat}
div.surpport_box ul.surpport_up li.surpport_bg02 a:hover{background:url(/coolmaxmlshopcokr/upload/surpport_uptext02hover.png) center 190px no-repeat}
div.surpport_box ul.surpport_up li.surpport_bg03 a:hover{background:url(/coolmaxmlshopcokr/upload/surpport_uptext03hover.png) center 190px no-repeat}

/* sub wrap */
div.sub_titlebg{background:url(/coolmaxmlshopcokr/upload/sub41_title.jpg) center top no-repeat}
div.sub_wrap{padding:160px 0 0 0}
div.sub_wrap div.sub_centainer div.sub_menu{top:-54px; left:0}
div.sub_wrap div.sub_centainer div.sub_menu li{float:left; background:url(/coolmaxmlshopcokr/upload/sub_menubg_on.png) no-repeat}
div.sub_wrap div.sub_centainer div.sub_menu li a{width:196px; height:55px; padding:18px 0 0 0; display:block}
div.sub_wrap div.sub_centainer div.sub_menu li.tab_off{background:url(/coolmaxmlshopcokr/upload/sub_menubg_off.png) no-repeat}
div.sub_wrap div.sub_centainer div.sub_menu li.tab_off a{color:#888}
div.sub_wrap div.sub_centainer div.sub_contentbox{padding:50px 40px 80px 40px; margin:55px 0 0 0; border:1px solid #999; background:#fff}
div.sub_wrap div.sub_centainer div.sub_contentbox li{padding:3px 0 0 0}
div.sub_wrap div.sub_centainer div.sub_contentbox li.position_a{top:20px; right:40px}
div.sub_wrap div.sub_centainer div.sub_contentbox div.sub_content{margin:50px 0 0 0}

/* sub header */
div.subheader_bg{height:130px; border-bottom:3px solid #0079be}
div.subheader_box{z-index:30}
div.subheader_box div.header_top{top:40px; right:0; overflow:hidden}
div.subheader_box div.header_top li{width:60px; float:left}
div.subheader_box div.header_main{height:130px}
div.subheader_box div.header_main ul.mainMenu li.menu{margin-top:70px; float:left}
div.subheader_box div.header_main ul.mainMenu li.menu h3 a{width:156px; height:60px; display:block; text-indent:-9999px}
div.subheader_box div.header_main ul.mainMenu li.menu ul{height:215px; padding:35px 0; text-align:center; position:absolute; top:130px; z-index:20}
div.subheader_box div.header_main ul.mainMenu li.menu ul:hover{background:url(/coolmaxmlshopcokr/upload/header_submenu_bg.png)}
div.subheader_box div.header_main ul.mainMenu li.menu ul li{width:156px}
div.subheader_box div.header_main ul.mainMenu li.menu ul li a{padding:12px 0; font-size:16px; color:#fff; display:block}
div.subheader_box div.header_main ul.mainMenu li.menu ul li a:hover span{border-bottom:1px solid #fff}

/* sub footer */
div.subfooter_menu{padding:5px 0; border-top:3px solid #0079be}
div.subfooter_menu h3{right:0px; bottom:10px}
div.subfooter_menu li.footer_li{text-align:center; float:left}
div.subfooter_menu li.footer_li a:hover{color:#0079be}
div.subfooter_menu li.footer_li a.footer_a{width:196px; padding:20px 0; display:block}
div.subfooter_menu li.footer_li li a{height:30px; display:block}
div.subfooter_copyright{height:50px; padding:12px 0 0 0; border-top:3px solid #999}
div.subfooter_copyright span{padding:0 25px 0 0; text-indent:30px; display:block}

/* sub11 브랜드소개 */
div.sub11 div.headline_ment{padding:0 0 0 20px; line-height:24px}
div.sub11 div.process_ment{width:100%; line-height:24px}
div.sub11 div.process_ment li.process_ment01{width:95%; height:200px; padding:15px; text-align:left; overflow:hidden; color:#0079BE}
div.sub11 div.process_ment li.process_ment01 h4{margin:0 0 10px 0}
div.sub11 div.process_ment li.process_ment01 img.process_ment01_bg{width:30%; margin:0 20px 0 0; float:left; border-radius:5px}
div.sub11 div.process_ment ul{overflow:hidden}
div.sub11 div.process_ment li{width:30%; height:360px; margin:30px 10px 0 10px; border:1px solid #ccc; border-radius:7px; float:left}
div.sub11 div.process_ment li img.content_bg{width:100%; padding:0 0 10px 0; border-radius:5px}
div.sub11 div.process_ment li h4{padding:15px}
div.sub11 div.process_ment li span{padding:0 15px 15px 15px; display:block}
div.sub11 div.process_img{text-align:center}

/* sub12 연혁 */
div.sub_contentbox div.sub12 dl{padding:0 0 35px 0}
div.sub_contentbox div.sub12 dt{width:250px; height:35px; padding:12px 0 0 50px; font-size:18px; text-align:left; border-bottom:1px solid #666; float:left; color:#0079be}
div.sub_contentbox div.sub12 dt h4{font-weight:bold}
div.sub_contentbox div.sub12 dd{width:580px; height:35px; padding:12px 0 0 0; font-size:14px; border-bottom:1px solid #666; float:left}

/* sub13 찾아오시는길 */
div.sub_titlebg13{background:url(/coolmaxmlshopcokr/upload/sub01_title.jpg) center top no-repeat}
div.sub_contentbox div.sub13 dl{padding:0 0 35px 0}
div.sub_contentbox div.sub13 dt{width:200px; height:27px; padding:8px 0 0 0; font-size:18px; text-align:center; border-bottom:1px solid #666; float:left}
div.sub_contentbox div.sub13 dt.half_dt{width:150px; height:27px; padding:8px 0 0 0; font-size:18px; text-align:center; border-bottom:1px solid #666; float:left}
div.sub_contentbox div.sub13 dd{width:680px; height:27px; padding:8px 0 0 0; font-size:14px; border-bottom:1px solid #666; float:left}
div.sub_contentbox div.sub13 dd.half_dd01{width:240px; height:27px; padding:8px 0 0 0; font-size:14px; border-bottom:1px solid #666; float:left}
div.sub_contentbox div.sub13 dd.half_dd02{width:290px; height:27px; padding:8px 0 0 0; font-size:14px; border-bottom:1px solid #666; float:left}

/*table setup*/
table.sub_table{width:100%; margin:25px 0 10px 0; line-height:20px; font-size:14px; border-collapse:collapse}
table.sub_table02{width:60%; margin:25px 0 10px 0; line-height:20px; font-size:14px; border-collapse:collapse}
table.sub_table th,table.sub_table td{line-height:20px; border-collapse:collapse; border:1px solid #ddd}
table.sub_table th{height:50px; padding:5px 10px 5px 10px; text-align:center; vertical-align:middle; background-color:#f7fafa}
table.sub_table td{height:50px; padding:5px 10px 5px 10px; text-align:center; vertical-align:middle}
table.sub_table td.center_td{text-align:center; padding:5px 0}
td.width110{width:110px}
td.width220{width:220px}
td.width330{width:330px}
td.width370{width:370px}
.tr_style00{border-top:2px solid #0079be; border-bottom:2px solid #0079be}
.tr_style01{font-size:15px; font-weight:bold; border-bottom:2px solid #0079be}
.tr_style02{border-bottom:2px solid #0079be}
.tr_style03{border-bottom:1px solid #0079be}

table.sub_table02{width:60%; margin:0 0 10px 0; line-height:20px; font-size:14px; border-collapse:collapse}
table.sub_table02 th,table.sub_table02 td{line-height:20px; border-collapse:collapse; border:1px solid #ddd}
table.sub_table02 th{height:30px; padding:5px 10px 5px 10px; text-align:left; vertical-align:middle}
table.sub_table02 td{height:30px; padding:5px 10px 5px 10px; text-align:left; vertical-align:middle}

/* sub21 제품소개 */
div.sub_titlebg21{background:url(/coolmaxmlshopcokr/upload/sub02_title.jpg) center top no-repeat}
div.sub21 div.headline_ment{padding:0 80px 40px 0; line-height:26px; border-bottom:1px solid #999}
div.sub21 div.headline_ment h3.content_bg01 img{border-radius:5px}
div.sub21 div.headline_ment span.content_bg01text{width:60%; padding:0 0 0 20px}
div.sub21 div.process_ment01{padding:10px 50px 20px 20px}
div.sub21 div.process_ment01 div{margin:0 0 15px 0}
div.sub21 div.process_ment01 div h4{padding:20px 0 10px 0; font-size:18px; border-bottom:1px solid #ddd}
div.sub21 div.process_ment01 div li{margin:5px 0; font-size:14px}
div.sub21 div.process_ment01 div table{width:100%}
div.sub21 div.process_ment02 li{margin:10px 0; border-bottom:1px solid #ddd; border-radius:5px; overflow:hidden}
div.sub21 div.process_ment02 li img{width:200px; margin:0 20px 0 0; border-radius:5px}
div.sub21 div.process_ment02 li span{margin:0 100px 30px 0; font-size:15px; line-height:22px; display:block}
div.sub21 div.process_ment02 li span.content_bg02 img{width:auto}
div.sub21 div.process_ment02 h4{padding:15px 0; font-weight:bold; font-size:18px; color:#0079BE}
div.sub21 div.process_ment02 span.content_bg02{float:left}

/* sub31 시공점 */
div.sub_titlebg31{background:url(/coolmaxmlshopcokr/upload/sub03_title.jpg) center top no-repeat}
div.sub31 div.headline_ment{padding:0 80px 20px 0; margin:0 0 15px 0; line-height:26px; border-bottom:1px solid #999}
div.sub31 div.headline_ment h4{padding:0 0 10px 0}
div.sub31 div.headline_ment ul.sub31_ul01{overflow:hidden}
div.sub31 div.headline_ment ul.sub31_ul01 li{width:16%; height:80px; padding:10px; margin:5px; background-color:#047CBA; color:#fff; font-weight:bold; border-radius:5px; border:1px solid #0079be; float:left}
div.sub31 div.headline_ment ul.sub31_ul02{overflow:hidden}
div.sub31 div.headline_ment ul.sub31_ul02 li{width:23%; height:80px; padding:10px; margin:5px 30px; color:#666; font-weight:bold; border-radius:5px; border-top:3px solid #666; border-bottom:3px solid #666; float:left}
div.sub31 div.headline_ment ul.sub31_ul02 li span{font-size:13px}
div.sub31 span.process_ment01{padding:15px; margin:0 0 10px 0; border-bottom:1px solid #ccc}
div.sub31 div.headline_ment02 ul{padding:15px 0 15px 20px; border-bottom:1px dotted #ccc}
div.sub31 div.headline_margin{padding:0 0 60px 0}

/* sub41 시공갤러리*/
div.sub_titlebg41{background:url(/coolmaxmlshopcokr/upload/sub04_title.jpg) center top no-repeat}
div.sub_contentbox div.sub41{padding:35px 65px; border:5px solid #dbe3e6}
div.sub_contentbox div.sub41 li.left{width:100%}
div.sub_contentbox div.sub41 li select{width:310px; height:35px; margin:10px 10px 0 0; border:3px solid #0079be}
div.sub_contentbox div.sub41 li button{width:100px; height:35px; margin:10px 0 0 0; border:0; border-radius:5px; color:#fff; background-color:#0079be}

div.sub_contentbox div.gallery_search_view ul{padding:20px 0;overflow:hidden}
div.sub_contentbox div.gallery_search_view li{width:215px; margin:25px 4px; float:left}
div.sub_contentbox div.gallery_search_view li img{width:215px; height:160px; border-top:3px solid #0079BE}
div.sub_contentbox div.gallery_search_view li span{margin:10px 0 0 0; text-indent:10px; font-size:14px; display:block}

div.product_choice{margin:30px 0 0 0; border-bottom:3px solid #0079be}
div.star_check{padding:5px 0}
div.star_check ul{overflow:hidden}
div.star_check ul li{width:7%; margin:10px 0; text-align:center; float:left}
div.star_check ul li.all_li{width:58%; margin:10px 0; text-align:right; float:left}
div.star_check ul li span label{margin:0 0 5px 0; font-size:15px; display:block}

/*sub51 공지사항 */
div.sub_titlebg51{background:url(/coolmaxmlshopcokr/upload/sub05_title.jpg) center top no-repeat}

/*sub53 가격표 */
div.sub53 table th{padding:0}
div.sub53 table th a{width:100%; height:100%; padding:4px 0 0 0; display:block}
div.sub53 table th a img{top:0; left:0}

table.sub_table th.clear_green{font-weight:bold; background-color:#efe}
table.sub_table th.clear_green:hover{background-color:#afa; color:#000}
table.sub_table th.clear_green a{width:100%; display:block}
table.sub_table td.clear_green{font-weight:bold; background-color:#f6fff6}

table.sub_table th.nano_red{font-weight:bold; background-color:#fdd}
table.sub_table th.nano_red:hover{background-color:#faa; color:#000}
table.sub_table th.nano_red a{width:100%; display:block}
table.sub_table td.nano_red{font-weight:bold; background-color:#fff6f6}

table.sub_table th.gold_yellow{font-weight:bold; background-color:#ffd}
table.sub_table th.gold_yellow:hover{background-color:#ffeb64; color:#000}
table.sub_table th.gold_yellow a{width:100%; display:block}
table.sub_table td.gold_yellow{font-weight:bold; background-color:#fffff3}

table.sub_table th.hilite_purple{font-weight:bold; background-color:#edf}
table.sub_table th.hilite_purple:hover{background-color:#baf; color:#000}
table.sub_table th.hilite_purple a{width:100%; display:block}
table.sub_table td.hilite_purple{font-weight:bold; background-color:#f6f0ff}

table.sub_table th.climax_blue{font-weight:bold; background-color:#def}
table.sub_table th.climax_blue:hover{background-color:#7cf; color:#000}
table.sub_table th.climax_blue a{width:100%; display:block}
table.sub_table td.climax_blue{font-weight:bold; background-color:#f0f6ff}

/*sub54 용어해설 */
div.sub54 span.process_ment02{padding:20px; border-radius:10px; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:3px solid #ccc; border-right:3px solid #ccc}
div.sub54 div.headline_ment02 ul.last{border-bottom:0px}

/* sub55 용어해설 */
div.sub55 div.headline_ment02 ul{padding:40px 15px; margin:0 0 10px 0}
div.sub55 div.headline_ment02 ul.last{border-bottom:0px}
div.sub55 span.process_ment01{padding:20px; border-radius:10px; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:3px solid #ccc; border-right:3px solid #ccc; color:#333}
div.sub55 table.sub_table{margin:0}