@charset "utf-8";

* { box-sizing: border-box; }

html {font-family: 'NanumGothic', 'dotum', 'Arial', 'sans-serif'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; font-size:13px; color:#333;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
nav,ul,ul li, p, h1, div {list-style:none; margin:0; padding:0;}
audio,canvas,progress,video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
progress {vertical-align: baseline;}
template,[hidden] {display: none;}
a {background-color: transparent; -webkit-text-decoration-skip: objects; color:#1e58af;}
a:active,a:hover,a:visited {outline-width: 0;}
a:visited {/* color:#1e58af; */}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b,strong {font-weight: inherit;}
b,strong {font-weight: bolder;}

div {display: block;}



/* main //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



.gnb-wrap {background: #fff; border-bottom: 2px solid #6b6d70;}
.gnb-wrap .inner {margin: 0 auto; width: 100%; max-width: 990px; overflow: hidden; text-align:center; padding-bottom:14px;}
.inner #top_l_text {padding-top:18px; float:left;}
.inner #top-logo {padding-top:40px; padding-right:50px; display:inline-block;}
.inner .top-right {padding-top:17px; float:right;}

#mobile_logo {display:none; } 

#top-menu {text-align:right;}
#top-menu a {padding-left:10px; text-align:right; display:inline-block;}
#top-menu a:first-child {}
.top-search {border: 1px solid #e1e1e1; width:205px; height:32px; border-radius:30px; margin-top:20px;}
.top-search .top-search-box {border:none; height:30px; width:156px; border-radius:30px; float:left; padding-left:8px;}
.top-search .search-btn {padding-top:8px; cursor:pointer; }
.navi-wrap {margin: 0 auto; width: 100%; max-width: 1200px; border-bottom: 1px solid #dcdcdc; text-align:center; overflow:hidden;}
.navi-wrap .navi li {float:left;}
.navi-wrap { margin-bottom:20px; padding-bottom:13px; }
.navi-wrap .navi {padding:0 20%;}
.navi-wrap .navi li { padding-bottom:12px; margin:15px 40px 0 40px; height:20px; font-size:15px;} 
.navi-wrap .navi li a { text-decoration:none; color:#000; height:30px; padding-bottom:12px; }
.navi-wrap .navi li a:hover { border-bottom:4px solid #D6000f; }



/* main slide */

.contents-wrap { margin: 0 auto; width: 100%; max-width: 990px; overflow: hidden; text-align:center; }
.main-slide {  }

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* main slide end */


.program-wrap { margin-top:56px; }
.program-wrap .program-title-bar { height:57px; margin:0 auto; max-width:990px; }
.program-title-bar .program-title { float:left; font-size:50px; color:#676767; font-weight:bold; letter-spacing:-1pt;}
.program-title-bar .program-title-sub { float:left; font-size:14px; color:#8d8d8d; letter-spacing:-0.7pt; margin-top:32px; margin-left:10px;}
.program-title-bar .quick-t-select { float:right;  margin-top:19px;}
.searchBtn { font-size:11px; color:#e87a82; width:50px; height:30px; border:1px solid #e87a82; text-align:center; padding-top:7px; cursor:pointer; float:right; margin-left:5px;}

.main_trial_area { float:left; width:100%; margin-top:10px;}		
.main_trial_sub_left { float:left; width:66%; }	
.main_trial_sub_right { float:right; width:32%; }	


/* .main_trial1 : ¹ÝÁ¦Ç°Ã¼Çè, .main_trial2 : DIY/¼ö°ø±¸Ã¼Çè, .main_trial3 : ³ª¹«ÆÛÁñüÇè, .main_trial4 : ¿ìµçÆæüÇè */
.main_trial1, .main_trial2, .main_trial3, .main_trial4, .main_trial5 { cursor:pointer; }
.main_trial1 { font-size:36px; letter-spacing:-0.7pt; float:left; width:100%; height:300px; margin-right:15px; margin-bottom: 15px; background-color:#fafafa; } 
.main_trial1 { padding-top:200px; text-align:left; padding-left:50px; background-image:url('/images/program_img06.png'); background-position: right; background-repeat:no-repeat; }
.main_trial3 { font-size:20px; letter-spacing:-0.7pt; float:left; width:48%; height:217px; margin-right:15px; background-color:#feefea; text-align:left; }	
.main_trial3 { background-image:url('/images/program_img07.png'); background-position: left bottom; background-repeat:no-repeat; }
.main_trial4 { font-size:20px; letter-spacing:-0.7pt; float:right; width:48%; height:217px; background-color:#fafafa; text-align:left;}
.main_trial4 { background-image:url('/images/program_img08.png'); background-position: left; background-repeat:no-repeat; }


.main_trial2 { font-size:24px; letter-spacing:-0.7pt; float:left; width:100%; height:330px; margin-bottom:15px; background-color:#fff9ec;}			
.main_trial5 { float:left; width:100%; height:188px; background-color:#e0444f; color:#fff;}			

.main_trial3 .trial_txt { float:right; margin-top:100px; margin-right:10px; width:120px;}
.main_trial3 .trial_txt2 { font-size:13px; color:#3a3a3a; width:110px; margin-top:5px;}
.main_trial3 .trial_icon { margin-top:5px; margin-left:-5px;}
		
.main_trial4 .trial_txt { float:right; margin-top:100px; margin-right:10px; width:120px; }
.main_trial4 .trial_txt2 { font-size:13px; color:#3a3a3a; width:110px; margin-top:5px;}
.main_trial4 .trial_icon { margin-top:5px; margin-left:-5px;}

.main_trial2 .trial_pic { margin-top:55px; }
.main_trial2 .trial_txt { margin-top:17px; }

.main_trial5 .trial_txt { font-size:28px; letter-spacing:-0.7pt; margin-top:30px; }
.main_trial5 .trial_icon { margin-top:10px; }
.main_trial5 .trial_txt2 { font-size:13px; letter-spacing:-0.7pt; margin-top:14px; }







.program-title-bar .quick-select { float:right;  margin-top:19px;}
.main_trial_product_list { margin:0 auto; max-width:990px; }

#product_li { margin-top:10px; margin-bottom:10px; box-sizing}


#product_li li { width:224px; height:283px; background-color:#fafafa; float:left; margin-right:31px; margin-bottom:80px;}
#product_li li:nth-child(odd) { background:#fff9ec; }
#product_li li:nth-child(4n) { margin-right:0; }

#product_li .product_txt { background:#fff; text-align:left;}
#product_li .product_treetype { font-size:13px; letter-spacing:-0.7pt; color:#b6b7b6; padding-top:20px; }
#product_li .product_name_price { font-size:16px; letter-spacing:-0.7pt; color:#191919; padding-top:10px; padding-bottom:9px;}
#product_li .product_name_price .product_money { font-size:15px; font-family:'Noto Sans KR'; font-weight:700;}

.product_pic { width:100%; height:210px;}

.product_hit_tag { background-image:url('/images/hit.png');background-position:95% 0;background-repeat:	no-repeat; }  
.product_rec_tag { background-image:url('/images/rec.png');background-position:95% 0;background-repeat:	no-repeat; }
.product_sum_tag { background-image:url('/images/rec.png'), url('/images/hit.png');background-position:95% 0, 80% 0;background-repeat:	no-repeat; }





/* footer /////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.zip_footer {background: #fafafa; border-top: 1px solid #ebebeb; width:100%; height:237px; margin-top:100px;}
footer { margin:0 auto; max-width:990px; }
.footer_logo { float:left; margin-top:50px; width:17%; text-align:center; }
.footer_company { float:left; margin-top:50px; width:83%; text-size: 13px; color:#b6b7b6; letter-spacing:-0.7pt; line-height:200%;}
.footer_bold { color:#343434 }






/* üÇèÇÁ·Î±×·¥ page /////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.program_area { float:left; width:100%;  }	

.program_info { font-size:36px; letter-spacing:-0.7pt; float:left; width:100%; height:366px; background-color:#fafafa; } 
.program_list_pic { float:left; width:50%; padding-top:40px;}
/*.program_list_pic2 { float:left; width:50%; padding-top:40px;}		/* Ç°¸ñ »çÀÌÁî */
.program_list_info { float:left; width:50%; text-align:left; margin-top:68px; padding-left:40px;}
.program_eng_name { font-size:22px; color:#b0b0b0; }
.program_name { font-size:30px; color:#616161; margin-top:5px; font-family:'Noto Sans KR'; font-weight:700;}
.program_desc { font-size:16px; color:#404040; width:324px; line-height:180%; margin-top:10px;}
.program_det_btn { font-size:15px; color:#fff; width:135px; height:39px; background:#e87a82; margin-top:24px; text-align:center; padding-top:10px;}


.program_item_set { float:left; border:1px solid #f3f3f3; width:100%; height:150px; padding-left:50px;}
.program_item li{ width:33.3%; text-align:left; float:left; }
.program_item_pic { padding-top:10px; padding-left:10px; float:left; }

.program_item_txt { float:left; border-right:1px solid #dddce1; height:93px; margin-top:29px; width:130px; padding-top:6px; padding-left:10px;}
.item_txt_tree { width:80px; height:25px; background:#5e5e5e;-moz-border-radius: 15px; -webkit-border-radius:15px;text-align:center;font-size:13px;color:#fff;padding-top:4px;letter-spacing:-0.7pt; }
.item_name { margin-left:0px; margin-top:10px; font-size:18px;color:#151515; }
.item_price { margin-left:0px; margin-top:3px; font-size:15px;color:#191919;font-family:'Noto Sans KR'; font-weight:700; }


.main_trial_area2 { float:left; width:100%; margin-top:46px; height:266px;}
.program_info2 { width:50%; height:100%; background:#fafafa; float:left;}
.program_info3 { width:50%; height:100%; float:left; background-image:url('/images/puzzle_pic.jpg');background-position:center;}

.wpen_txt { width:45%; float:left; margin-top:80px; color:#fff;}
.wpen_eng_name { font-size:16px; color:#878787;}
.wpen_name { font-size:30px; margin-top:10px; margin-bottom:15px; color:#363636;}
.wpen_btn { font-size:13px; margin-top:15px; width:119px; height:32px; background:#ffa4ab; -moz-border-radius: 15px; -webkit-border-radius:15px; text-align:center; padding-top:8px; margin:0 auto;}
.wooden_circle { width: 55%; float:left; width:223px; height:223px; margin-top: 21px; margin-left:8px; -moz-border-radius: 50%; -webkit-border-radius:50%; }
.wooden_circle { background-image:url('/images/wpen_pic.jpg');background-position:center; } 

.puzzle_txt { width:45%; float:left; margin-top:10px;}
.puzzle_eng_name { font-size:16px; }
.puzzle_name { font-size:30px; margin-top:10px; margin-bottom:15px; }
.puzzle_circle { width: 55%; float:left; width:223px; height:223px; margin-top: 21px; margin-left:8px; -moz-border-radius: 50%; -webkit-border-radius:50%; }
.puzzle_circle { background-color:RGBA(0,0,0,0.6); color:#fff; padding-top:58px; }
.puzzle_btn { background:#2b2b2b; }




.best_item_area { float:left; width:100%; margin-top:46px; height:350px; background:#feefea; }
.best_item_title { width:100%; height: 72px; padding-top:22px;}
.best_item_title_txt { width:125px; height:27px; background:#f3878f; color:#fff; -moz-border-radius: 15px; -webkit-border-radius:15px; margin:0 auto; padding-top:4px;}
.best_item_set { float:left; width:100%; height:324px; }
.best_item li{ width:25%; text-align:center; float:left; border-right:1px solid #fff;}
.best_item_pic { padding-top:10px; }
.best_item_txt { height:93px; }

.bitem_txt_tree { margin-top:10px; font-size:13px; color:#b99183;}
.bitem_name { margin-top:10px; font-size:16px; color:#191919;}
.bitem_price { margin-top:5px; font-size:15px; color:#191919; font-family:'Noto Sans KR'; font-weight:700; }


.main_trial_area3 { float:left; width:100%; height:370px; margin-top:46px;}
.program_info4 { width:303px; height:370px; float:left; margin-right:25px; background-image:url('/images/string_back.jpg');background-position:center; }
.program_info5 { max-width:660px; width:100%; height:370px; float:left; background:#e87a82; }

.string_txt { height:100%; }
.string_eng_name { font-size:16px; color:#4d2f31; margin-top:250px; }
.string_name { font-size:24px; color:#191919; margin-top:10px; }
.string_icon { margin-top:10px; }
.exper_txt { width:215px; float:left;  height:100%;}
.exper_content_txt { font-size:22px; color:#ffcbcf; line-height:130%; margin-top:50px;}
.exper_content_txt2 { font-size:16px; color:#fff; line-height:180%; margin-top:28px; }
.exper_txt2 { font-size:28px; color:#fff; width:100%; float:left; max-width:445px; height:100%; background-image:url('/images/exper_back.jpg');}
.exper2_content_txt { margin-top:55px; margin-left:50px; width:180px; text-align:justify; line-height:150%;}







.program_det_info { font-size:36px; letter-spacing:-0.7pt; float:left; width:100%; height:400px; } 
.program_det_pic { float:left; width:50%; text-align:left; }
.program_det_txt { float:left; width:50%; text-align:left; margin-top:60px; padding-left:40px;}
.program_det_eng_name { font-size:22px; color:#b0b0b0; }
.program_det_name { font-size:30px; color:#474747; margin-top:5px; font-family:'Noto Sans KR'; font-weight:700;}
.program_det_desc { font-size:16px; color:#434343; width:324px; line-height:180%; margin-top:10px;}
.program_det_rec { font-size:14px; color:#959595; margin-top:40px; line-height:160%;}
.program_det_rec .recicon { float:left; }
.program_det_rec .recvalue { float:left; padding-left:15px; width:400px; }



.program-wrap .pd-title-bar { height:20px; margin:0 auto; max-width:990px; width:100%;}
.pd-title-bar .pd-title { float:left; font-size:24px; color:#191919; letter-spacing:-1pt;padding-top:80px;}
.pd-title-bar .pd-title-point { color:#676767; font-size:28px; }

.pd-title-bar .quick-select { float:right;  margin-top:69px; }

.possi_program_area { float:left; width:100%; margin-top:10px; height:387px; }
.possi_program_set li { width:33.3%; text-align:left; float:left; border-right:1px solid #fff; border:1px solid #ededed; height:195px;}

.possi_program_txt { float:left; width:50%; height:100%; font-size:18px; padding-left:35px;}
.possi_program_pic { float:left; width:50%; height:100%; }
.po_txt { color:#050505; margin-top:62px; } 
.po_txt2 { font-size:14px; color:#8a8a8a; margin-top:15px;}

.possi_program_txt2 { background-image:url('/images/possi_back2.jpg'); padding-left:35px; height:100%; font-size:18px; }
.po_txt3 { color:#fff; padding-top:65px;}
.po_txt4 { font-size:14px; color:#fff;  margin-top:15px;}

.possi_program_txt3 { background-image:url('/images/possi_back.jpg'); padding-left:35px; height:100%; font-size:18px; }
.po_txt5 { color:#fff; padding-top:72px; }
.po_txt6 { font-size:14px; color:#fff;  margin-top:15px;}






.item_det_info { font-size:36px; letter-spacing:-0.7pt; float:left; width:100%; height:546px; background-color:#fafafa;} 
.item_det_pic { float:left; width:55%; padding-top:78px;}
.item_det_info_det { float:left; width:45%; text-align:left; padding-top:68px; padding-left:50px; background:#fff;height:100%;}
.item_det_name { font-size:26px; color:474747; }
.item_det_price { font-size:20px; color:#e16d6d; margin-top:5px; font-family:'Noto Sans KR'; font-weight:700;}
.item_det_desc { font-size:16px; color:#434343; width:324px; line-height:240%; margin-top:30px;}
.item_det_desc2 { margin-top:10px; } 
.item_det_desc2 .rec_icon2 { float:left; }
.item_det_desc2 .rec_icon_val { float:left;padding-left:15px; width:300px; }
.tcolor { color:#ffa1a1; }
.item_det_det_btn { font-size:15px; color:#fff; width:135px; height:39px; background:#e87a82; margin-top:24px; text-align:center; padding-top:10px;}

.item_det_pic_s { margin-left:93px; }
.item_det_pic_s li{ width:113px; height:100px; margin-right:10px; float:left; }   /*  opacity:0.5; }   */






/* ITEM ////////////////////////////////////////////////////////////////////////////////// */


.pd-title-bar .pd-title-photo, .pd-title-program { float:left; font-size:24px; color:#191919; letter-spacing:-1pt;padding-top:80px;}







/* üÇè¹®ÀÇ /////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.ask_top_area { margin-top:100px; height:334px;}
.ask_top_text { float:left; width:60%; text-align:left; }
.ask_text1 { font-size:32px;color:#e87a82;margin-bottom:31px; line-height:150%;}
.ask_top_text_1 { font-size:40px; font-weight:bold;}
.ask_top_text_2 { font-size:40px; }
.ask_text2 { font-size:26px;color:#010101; margin-bottom:21px;}
.ask_text3 { font-size:16px;color:#575757; line-height:170%;}
.ask_top_img { float:left; width:40%; }

.ask_middle_area { height:400px; margin-top:105px; }
.ask_m_title { font-size:18px; width:200px; height:38px; border-radius:20px; margin:0 auto; padding-top:7px; background:#e87a82; color:#fff; margin-bottom:64px;}
.ask_m_left { float:left; width:33.3%; } 
.ask_m_center { float:left; width:33.3%;}
.ask_m_right { float:left; width:33.3%;}
.ask_m_sub_title { font-size:28px; color:#010101; margin-top:20px;}
.ask_m_text { font-size:15px; color:#7c7c7c; text-align:left; margin-top:36px; line-height:180%;}
.ask_m_item { color:#e87a82;}

.ask_m_bottom {height:300px; margin-top:84px;}
#ask_table { width:100%; height:300px; border:0px; border-collapse: collapse; }
#ask_table td, th { border-bottom:1px solid #dbdbdb; } 
#ask_table th { background:#f0f0f0; color:#010101; font-size:18px; border-top:2px solid #010101; border-bottom:1px solid #878787; height:58px; border-left:0; border-right:0;}
#ask_table td { height:46px;  text-align:left; color:#8f908f; font-size:14px;padding-left:48px;padding-right:48px;}




/* °øÁö»çÇ× /////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#ifm_id {width:100%;height:700px;padding:30px;border:0;}




/* ȸ»ç¼Ò°³ /////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.compay_title_area { height:112px; margin-top:77px;}
.page_title { font-size:46px; color:#767676; float:left; text-align:left; height:112px; }
.sub_text1 { color:#383838; }
.page_title_right { float:right; margin-top:20px;}
.compay_intro {height:340px; margin-top:46px; text-align:left; line-height:34px; letter-spacing:-0.5pt;}
.company_desc_left { font-size:18px; color:#e87a82; width:50%; float:left; border-right:1px solid #cfcfcf; height:370px;}
.company_desc_right { font-size:16px; color:#575757; width:50%; float:left; padding-left:46px;}
.company_desc_right li { background:url('/images/li_icon.jpg') left center no-repeat; padding-left:15px; }
.company_desc_right li:nth-child(4), li:nth-child(6), li:nth-child(7), li:nth-child(8), li:nth-child(9), li:nth-child(10) { background:none; }
.company_desc_sub { font-size:14px; color:#acacac;}

.company_map_area { margin-top:185px; }
.company_map_title { font-size:18px; color:#fff; width:199px; height:37px; background-color:#e87a82; padding-top:7px; border-radius:20px; margin: 0 auto;}
.map_text_part {float:left; width:50%; text-align:left; margin-top:42px;}
.map_text { font-size:18px; color:#e87a82; margin-bottom:32px; line-height:130%;}
.map_text_sub { font-size:14px; color:#575757; line-height:50%;}
.map_img { float:left; width:50%; margin-top:42px; border:1px solid #ebe7d3;}

.ask_bottom_area { margin-top:53px; background:#fafafa; padding-top:44px; padding-bottom:20px;}





/*///////ºü¸¥Ã¼Çè¼±Åà ·¹À̾î ////////////////////////////////////*/

.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 640px;								/* layer size */
  height: auto;
  background-color: #fff;
  border: 5px solid #74a54c;
  border-radius:30px;
  z-index: 10;
}






.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 30px;
  padding: 0 14px 0;
  border: 1px solid #74a54c;
  background-color: #74a54c;
  border-radius:30px;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerClose:hover {
  border: 1px solid #74a54c;
  background-color: #74a54c;
  color: #fff;
  text-decoration: underline;
}


.submit_btn { font-size:15px; color:#e87a82; width:135px; height:39px; border:1px solid #e87a82; margin-top:24px; text-align:center; padding-top:10px; margin:0 auto; margin-top:20px;cursor:pointer;}


/*///////ºü¸¥Ã¼Çè¼±Åà ·¹À̾î ////////////////////////////////////*/







/*üÇèÇÁ·Î±×·¥ page Ç°¸ñ »çÀÌÁî */
.width140img { width:140px; height:auto; }
.border_none { border:0; }

/* box-shadow : [x offset] [y offset] [color] */
.pic_shadow { box-shadow:0 5px 5px -3px black; }
.pic_shadow2 { box-shadow:3px 3px 5px rgba(0, 0, 0, 0.5); }

.pic_shadow3 { box-shadow:3px 3px 5px rgba(0, 0, 0, 0.1); }

.marginTop40 { margin-top:40px; }
.marginLeft30m { margin-left:-30px; }
.marginTop10m { margin-top:-10px; }
.marginTop30m { margin-top:-30px; }

.paddingLeft60 { padding-left:60px; }






/************************************************************************************** admin ************************************************************************/

.login_area { margin-top:53px; background:#fff; padding-top:44px; padding-bottom:20px;}
.login_title { font-size:18px; width:200px; height:38px; border-radius:20px; margin:0 auto; padding-top:7px; background:#e87a82; color:#fff; margin-bottom:64px;}
.login_title2 { font-size:18px; width:200px; height:38px; border-radius:20px; margin:0 auto; padding-top:7px; background:#008D62; color:#fff; margin-bottom:64px;}




.teacherFontSize { font-size:16px; }




/* »çÁø ·¹À̾î Æ˾÷ ///////////////////////////////////////////////////////////////*/

    #popupDiv {  /* Æ˾÷â css */
    top : 0px;
    position: absolute;
/*    background: blue;*/
    width: 500px;
    height: 900px;
    display: none; 
	z-index:99;
    }
    
    #popup_mask { /* Æ˾÷ ¹è°æ css */
        position: fixed;
        width: 100%;
        height: 1000px;
        top: 0px;
        left: 0px;
         display: none; 
         background-color:#000;
         opacity: 0.7;
    }


/* »çÁø ·¹À̾î Æ˾÷ ///////////////////////////////////////////////////////////////*/










@media screen and (max-width:1280px) {

}


@media screen and (max-width:1024px) {


/* HOME *************************************************************************************************/

	#top_l_text, #top-menu { display:none; } 
	.contents-wrap { width: 96%; }

	.gnb-wrap .inner { text-align:left; width:96%;}
	.inner #top-logo { margin:0; padding-top:0; margin-top:30px; } 
	.inner .top-right { padding:0; margin:0; margin-top:20px;}

	.navi-wrap { width:96%; }
	.navi-wrap .navi {padding:0;}
	.navi-wrap .navi li { margin:15px 5% 0 5%; } 

	.main_trial_sub_left { width:100%; }
	.main_trial_sub_right { float: left; margin-top:15px; width:100%; }	
	.main_trial1, .main_trial2, .main_trial3, .main_trial4, .main_trial5 {  }


/* PROGRAM *************************************************************************************************/

	.program_item_set { height: 250px; padding-left:10px;}
	.program_item_set .program_item li .program_item_pic { width:100%; padding:0; margin:0; text-align:center; }
	.program_item_set .program_item li .program_item_txt { width:100%; border-right:none; padding: 0; margin:0 auto; text-align:center; }
	.program_item_set .program_item li .program_item_txt .item_txt_tree { margin:0 auto; }

	.main_trial_area2 { height:532px;  }
	.program_info2 { width:100%; height:266px; }
	.program_info3 { width:100%; height:266px;  }


}	


@media screen and (max-width:768px) {


/* HOME *************************************************************************************************/

	.main_trial1 { height: 170px; padding-top:100px; padding-left:10px; font-size:26px;} 
	.main_trial3, .main_trial4 { height: 140px; font-size:15px; margin-right:0; }  
	.main_trial3 .trial_txt2, .main_trial3 .trial_icon, .main_trial4 .trial_txt2, .main_trial4 .trial_icon { display:none; }
	.main_trial3 .trial_txt { text-align:right;}
	.main_trial4 .trial_txt { text-align:right; }

	.main_trial2 { height:200px;}
	.main_trial2 .trial_pic { margin-top:20px; }
	.main_trial2 .trial_pic img{ width:80px; height:auto;}	
	.main_trial5 { height:130px;}
	.main_trial5 .trial_icon { display:none; }


/* PROGRAM *************************************************************************************************/

	.program_info { height:520px; padding-top:0; }
	.program_info .program_list_pic { width:100%; padding-top:20px; }
	.program_info .program_list_info { width:100%; height:200px; margin-top:20px; text-align:center; padding:0 15px;}
	.program_info .program_desc { width:100%; }
	.program_info .program_eng_name { font-size:18px; }
	.program_info .program_name { font-size:22px; }
	.program_info .program_desc { font-size:14px; }
	.program_info .program_det_btn { margin-top:10px; margin:8px auto; font-size:13px; height:30px; width:120px; padding-top:7px; }
	.program_item li { width:50%; }
	.program_item li:nth-child(2){ display:none; }
	.paddingLeft60 { padding-left:0; }
	.marginLeft30m { margin-left:0; }



/* PROGRAM_DETAIL *************************************************************************************************/

	.program_det_info { height:700px; }
	.program_det_pic { width:100%; text-align:center; }
	.program_det_txt { width:100%; margin-top:20px; padding:0; text-align:center; }
	.program_det_desc { width:100%; }
	.program_det_rec { width:100%; margin:10px auto; }
	.recicon { width:100%; float:none; margin:15px auto; text-align:center; } /* float:none; }*/
	.recvalue { width:100% !important; margin:0 auto; text-align:center; padding:0 !important;} /* float:none; } */

	.possi_program_area { height: 587px; }
	.possi_program_area .possi_program_set li { width:50%; }



/* ITEM *************************************************************************************************/


	.item_det_info { height: 700px; background-color:#fff;}
	.item_det_pic { width:100%; text-align:center; padding-top:20px; margin-left:auto; margin-right:auto;}
/*	.item_det_pic_s {display:none; }  */

	.item_det_pic_s { margin-left:5px;  }
	.item_det_pic_s li{ width:100px; height:90px; margin-right:5px;}
/*	.item_det_pic_s li{ width:113px; height:100px; background:#4e5c5c; margin-right:10px; float:left; opacity:0.5; }*/
/*	.item_det_pic_s li{ width:80px; height:70px; background:#4e5c5c; float:left; opacity:0.5; }*/

	.item_det_info_det { width:100%; margin-top:20px; padding:0; text-align:center; height:700px;}
	.item_det_name { }
	.item_det_price { }
	.item_det_desc { width:100%; margin-top:20px;}
	.item_det_desc2 { margin-top:0; } 

	.program_det_rec { height:180px; margin:0 auto;}  /* border:1px solid blue;  */
	.rec_icon2 { width:100%; float:none; margin:50px auto 5px auto; text-align:center;} /* float:none; }*/


/* ASK *************************************************************************************************/

	.ask_top_area { margin-top:30px; }
	.ask_top_area .ask_top_text .ask_text1 { font-size:25px; }
	.ask_top_text_1 { font-size:32px; }
	.ask_top_text_2 { font-size:25px; }
	.ask_top_area .ask_top_text .ask_text2 { font-size:20px; }
	.ask_top_area .ask_top_text .ask_text3 { font-size:14px; }


/* COMPANY *************************************************************************************************/

	.compay_title_area { margin-top:30px; }
	.compay_title_area .page_title { font-size:32px; }
	.compay_title_area .page_title_right { margin-top:0; }
	.compay_intro { margin-top:10px; }
	.compay_intro .company_desc_left { width:100%; font-size: 16px; border-right:none; line-height:28px; height:230px; }
	.compay_intro .company_desc_right { width:100%; padding-left:0px; font-size:14px;  }

	.company_map_area { margin-top:400px; }
	.map_text_part { width:100%; }
	.map_text { line-height:110%; }
	.map_img { width:100%; margin-top:0; }
	.map_img img { max-width:100%; height:auto; }

}


@media screen and (max-width:600px) {


/* HOME *************************************************************************************************/

	.main_trial3 .trial_txt { text-align:right; margin:0; float:right; margin-top:115px; margin-right:5px;}
	.main_trial4 .trial_txt { text-align:right; margin:0; float:right; margin-top:115px; margin-right:5px;}


/* PROGRAM *************************************************************************************************/

	.wpen_txt .wpen_eng_name { font-size: 14px; }
	.wpen_txt .wpen_name { font-size:24px; margin-top:5px; }
	.wooden_circle { width:180px; height:180px; margin:40px auto;}

	.puzzle_circle { width:180px; height:180px; margin:40px auto; padding-top: 40px;}
	.puzzle_circle .puzzle_eng_name { font-size: 14px; }
	.puzzle_circle .puzzle_name { font-size:24px; margin-top:5px; }

	.best_item_area { height: 600px; }
	.best_item li { border-right:none; width:50%; }

	#trial_form { width:100%; }

/* ITEM ********************************************************************/
	.program_info_photo {height:150px; }
	#photolayer { max-width : 300px; }


}


@media screen and (max-width:480px) {


/* HOME *************************************************************************************************/

	#basic_logo {display:none; } 
	#mobile_logo {display:block; } 

	.contents-wrap { width: 92%; }

	.inner #top-logo { margin-left:10px; }
	
	.top-search {width:125px; margin-top:15px;}
	.top-search .top-search-box {width:96px; }
	.navi-wrap .navi li { margin:15px 2% 0 2%; font-size:13px;} 

	.program-wrap { margin-top:26px; }
	.program-wrap .program-title-bar { height:37px; }
	.program-title-bar .program-title { font-size:30px; }
	.program-title-bar .program-title-sub { margin-top:15px;  }
	.program-title-bar .quick-t-select { margin-top:0px;}

	.main_trial1 {padding-top:15px; padding-left:0; padding-right:10px; font-size:20px; text-align:right;} 
	.main_trial3, .main_trial4 { background-size:130px; }  

	.main_trial2 { height:180px; }
	.main_trial2 .trial_txt { font-size:20px; margin-top:10px;}
	.main_trial5 { height:90px; margin-bottom:20px;}
	.main_trial5 .trial_txt { font-size:18px; margin-top:10px;}

	.program-title-bar .quick-select { width:100%; text-align:left;}
	.program-title-bar .quick-select .searchBtn { clear:both; display:inline; float:none; padding:8px; }

	#product_li li { width:100%; height:283px; margin-right:0px; margin-bottom:20px;}
	#product_li .product_txt { text-align:center; }
	#product_li .product_treetype { font-size: 15px; }
	#product_li .product_name_price { font-size: 18px; }
	#product_li .product_name_price .product_money { font-size: 17px; }


	.zip_footer {margin-top:50px;}
	.footer_logo { margin-top:50px; width:100%; }	
	.footer_company { margin-top:10px; width:100%; text-align:center; padding:20px 30px;}


/* PROGRAM *************************************************************************************************/

	.main_trial_area2 { height:440px;  }
	.program_info2 { height:220px; }
	.program_info3 { height:220px;  }

	.wpen_txt { margin-top:60px; }
	.wpen_txt .wpen_eng_name { font-size: 13px; }
	.wpen_txt .wpen_name { font-size:20px; }
	.wooden_circle { width:160px; height:160px; margin:30px auto;}

	.puzzle_circle { width:160px; height:160px; margin:30px auto; padding-top: 40px;}
	.puzzle_circle .puzzle_eng_name { font-size: 13px; }
	.puzzle_circle .puzzle_name { font-size:20px; margin-top:5px; }
	.puzzle_circle .puzzle_btn {}

	.conf_date_div { display:none; }			/* üÇèÀÏÁ¤ */

	#trial_form { width:100%; }

/* PROGRAM_DETAIL *************************************************************************************************/

	.possi_program_area { height:400px; }
	.possi_program_txt { width:100%; padding-left:0; text-align:center;}
	.possi_program_pic { display:none; }
	.possi_program_set li { height: 130px; }
	.po_txt { margin-top: 30px; }

	.possi_program_txt2, .possi_program_txt3 { text-align:center; padding-left:0; }
	.po_txt3 { padding-top: 30px;  }
	.po_txt5 { padding-top: 30px; }

	.pd-title-bar .pd-title { font-size:18px; margin-top:200px;}
	.pd-title-bar .pd-title-point { font-size:22px; }

	.pd-title-bar .quick-select { width:100%;  text-align:left; margin-top:19px; }
	.pd-title-bar .quick-select .searchBtn { clear:both; display:inline; float:none; padding:8px; }
/*
	.program-title-bar .quick-select { width:100%; text-align:left;}
	.program-title-bar .quick-select .searchBtn { clear:both; display:inline; float:none; padding:8px; }

*/

/* ASK *************************************************************************************************/
	.ask_top_area { }
	.ask_top_text { width:100%; }
	.ask_text1 {  }
	.ask_text2 {  }
	.ask_top_img { width:100%; }

	#ask_table { display:none; }

	.ask_middle_area { margin-top:405px; }
	.ask_m_title { margin-bottom:34px; }
	.ask_m_left { float:left; width:100%; } 
	.ask_m_center { float:left; width:100%;}
	.ask_m_right { float:left; width:100%;}
	.ask_m_sub_title { font-size: 24px; }
	.ask_m_text { text-align:center; margin-top:16px; margin-bottom:26px; }


	.ask_bottom_area { background:#fff; }


/* COMPANY *************************************************************************************************/

	.contents-wrap { width: 92%; }




/* PRODUCT ITEM ***********************************************************/

	#photolayer { max-width : 300px; }
	.pd-title-bar .pd-title-photo, .pd-title-program { font-size:18px; }
}


@media screen and (max-width:400px) {


/* HOME *************************************************************************************************/

	.top-search {width:80px; }
	.top-search .top-search-box {width:56px; }
	.navi-wrap .navi li { margin:15px 3% 0 3%; } 


/* °øÁö»çÇ× /////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#ifm_id { padding:5px; }


/* ASK *************************************************************************************************/

	.ask_top_area .ask_top_text .ask_text1 { font-size:20px; }
	.ask_top_text_1 { font-size:26px; }
	.ask_top_text_2 { font-size:20px; }
	.ask_top_area .ask_top_text .ask_text2 { font-size:20px; }
	.ask_top_area .ask_top_text .ask_text3 { font-size:14px; }

	.ask_middle_area { margin-top:400px; }
	.ask_m_bottom {margin-top:184px;}




	.conf_date_div { display:none; }			/* üÇèÀÏÁ¤ */

	.teacherFontSize { font-size:12px; }
}