sub@charset "utf-8";

/* 공통사용 */
html{height:100%; }
li,ul{margin:0px; padding:0px; list-style:none; display:list-item; text-align:-webkit-match-parent;}
img{border:0px;}
body{.overflow-y:auto; margin:0px; padding:0px; word-break:keep-all; font-family: 'NanumSquareRound';}
dt{padding:0 0 0 0; margin:0 0 0 0;}
dd{padding:0 0 0 0; margin:0 0 0 0;}



input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea, {-webkit-appearance: none;/*기본속성없애기*/  border-radius:0;/*기본 라운드 없애기*/ margin:0; font-family: "Nanum Gothic", sans-serif;}
* {-webkit-text-size-adjust:none;}
p{padding:0px; margin:0;}

input:focus{outline:none;}
*:focus{outline:none;}



@font-face{font-family:'georgiai'; src:url('georgiai.ttf')}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face { font-family: 'NanumSquareRound'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Binggrae-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BMJUA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff'); font-weight: normal; font-style: normal; }


/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

/* go 1140 */
.mv_slide_17{text-align:center; background:url(../images/main_visual_32_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_17 img{padding:50px 0 0 0; width:350px;}

.mv_slide_18{text-align:center; background:url(../images/main_visual_18_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_18 img{padding:50px 0 0 0; width:350px;}

.mv_slide_19{text-align:center; background:url(../images/main_visual_19_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_19 img{padding:50px 0 0 0; width:350px;}

.mv_slide_20{text-align:center; background:url(../images/main_visual_20_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_20 img{padding:50px 0 0 0; width:350px;}

.mv_slide_21{text-align:center; background:url(../images/main_visual_21_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_21 img{padding:50px 0 0 0; width:350px;}

.mv_slide_22{text-align:center; background:url(../images/main_visual_22_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_22 img{padding:50px 0 0 0; width:350px;}

.mv_slide_23{text-align:center; background:url(../images/main_visual_23_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_23 img{padding:50px 0 0 0; width:350px;}

.mv_slide_24{text-align:center; background:url(../images/main_visual_24_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_24 img{padding:50px 0 0 0; width:350px;}

.mv_slide_26{text-align:center; background:url(../images/main_visual_26_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_26 img{padding:50px 0 0 0; width:350px;}

.mv_slide_27{text-align:center; background:url(../images/main_visual_27_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_27 img{padding:50px 0 0 0; width:350px;}

.mv_slide_30{text-align:center; background:url(../images/main_visual_30_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_30 img{padding:50px 0 0 0; width:370px;}

.mv_slide_31{text-align:center; background:url(../images/main_visual_31_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_31 img{padding:50px 0 0 0; width:370px;}

/* 20240704 신고 추가 */
.singo_h1{font-size:18px; font-weight:bold; color:#006cb7; padding:0 0 10px 0;}
.singo_linebox{border:1px solid #ddd; margin:0 0 30px 0;}
.singo_left{padding:20px; text-align:center;}
.singo_left img{ width:calc(100% - 40px);}
.singo_right{padding:0px 30px 30px 30px; font-size:14px; text-align:center;}
.btn_singo_go{background-color:#006cb7; color:#fff; font-size:16px; text-align:center; border-radius:100px; padding:10px 20px 10px 20px; display:inline-block; cursor:pointer; margin:15px 0 0 0;}

.singo_index_wrap{padding:0px 30px 30px 30px;}
.singo_index_left{border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px;}
.singo_index_right{border-top:0px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px;}

/* 메인 그래프 추가 */
.main_graph_pac{ background-color:#3a70d5; padding:30px 0px 40px 0px; text-align:center;}
.graph_img{padding:0 30px 0 30px;}
.graph_img img{width:100%}
.graph_h1{font-size:17px; color:#fff; padding:10px 0 20px 0;}
.btn_graph_white{background-color:#fff; color:#3a70d5; font-size:14px; border-radius:100px; padding:10px 20px 7px 20px; display:inline-block;}


.new_hands_thumb{}
.new_hands_thumb img{width:100%;}
.new_hands_h1{font-size:20px; font-weight:bold; padding:15px 0 10px 0;}
.new_hands_h2{padding:0 0 30px 0; font-size:17px;}


.pc_menu_unit{ font-weight:bold; }
.pc_menu_unit a:link{color:#333; font-family: 'NanumSquareRound'; font-weight:normal;}
.pc_menu_unit a:visited{color:#333; font-family: 'NanumSquareRound'; }
.pc_menu_unit a:active{color:#333; font-family: 'NanumSquareRound'; }
.pc_menu_unit a:hover{color:#318cbf; font-family: 'NanumSquareRound'; }
.pc_menu_unit.on a:link{color:#318cbf;}
.pc_menu_unit.on a:visited{color:#318cbf;}
.pc_menu_unit.on a:active{color:#318cbf;}
.pc_menu_unit.on a:link{color:#318cbf;}


a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}

.only_mobile{display:block;}
.only_pc{display:none;}
.only_pc_inblock{display:none;}
.wrap_box{}

.footer{background-color:#eaeff1; text-align:center; padding:30px 0px 30px 0px;}
.footer_info{text-align:left;}
.footer_info span{font-size:12px; color:#999; display:inline-block; padding:0 0 3px 0; margin:0 10px 0 0;}
.footer_info span.pc_br{ display:block;}
.copy{font-size:11px; padding:10px 0 0 0; color:#CCC;}


.footer_h1{}
.footer_h1 span{color:#CCC; font-size:14px; display:inline-block; line-height:20px;}
.footer_h2 span{color:#CCC; font-size:14px; display:inline-block; line-height:20px;}
.footer_copy{font-size:12px; padding:10px 0 0 0; color:#999;}




/* head */
.logo{text-align:center; padding:55px 0 30px 0; z-index:999999;}
.logo img{width:200px;}

.mobile_head{position:relative;}
.mobile_menu{position:absolute; top:20px; left:20px; cursor:pointer;}
.mobile_menu_login{position:absolute; top:20px; right:20px; cursor:pointer;}

.mo_menu_open{ background-color:#fff; position:absolute; top:0px; left:0px; width:100%; z-index:9;}
.m_menu_close{position:absolute; top:20px; right:20px;}
.mo_menu_pac{ padding:40px; border-bottom:2px solid #318cbf;}
.mo_m_t{font-weight:bold; font-size:18px; color:#318cbf; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
.mo_menu_unit{font-size:16px; font-weight:bold; letter-spacing:-0.5px; padding:15px 0 15px 0; border-bottom:1px solid #eee;}
.mo_menu_unit.on{color:#b18870;}
.mo_menu_unit2{ font-size:13px; padding:3px 0 0px 0; border-bottom:1px solid #eee;}
.mo_menu_unit2 div{margin:0 0px 0 0; letter-spacing:-1px; border-bottom:1px dotted #ddd; padding:15px 0 15px 15px;}
.mo_menu_unit2 div:nth-last-child(1){ border-bottom:0px}
.mo_menu_unit2 div span{display:inline-block; width:45%;}
.mo_menu_unit3{ font-size:13px; padding:20px 0 20px 0;}
.mo_menu_unit3 span{margin:0 20px 0 0; letter-spacing:-1px;}
.mo_menu_unit3 span a:link{color:#999;}
.mo_menu_unit3 span a:visited{color:#999;}
.mo_menu_unit3 span a:active{color:#999;}
.mo_menu_unit3 span a:hover{color:#999;}
.mo_sub_t{color:#318cbf; font-weight:bold;}
.mo_sub_t a:link{color:#318cbf;}
.mo_sub_t a:visited{color:#318cbf;}
.mo_sub_t a:active{color:#318cbf;}
.mo_sub_t a:hover{color:#318cbf;}


.main_banner{ position:relative;}
.slide01{padding:0px; height:570px;}

/* login */
.login_pac{padding:30px 20px 50px 20px;}
.login_box{width:100%; margin:0 auto; padding:0 0 25px 0;}
.login_box li{height:33px; text-align:center; position:relative; font-size:14px; font-weight:bold; padding:14px 0 0 0; margin:0 0 8px 0;}
.login_box li.facebooklogin{background-color:#3b5998; color:#fff;}
.login_box li.naverlogin{ background-color:#02c300; color:#fff;}
.login_box li.kakaologin{ background-color:#fdd800; color:#3f2526;}
.login_box li.googlelogin{ border:1px solid #ddd; height:32px; padding:13px 0 0 0; background-color:#fff;}
.login_box li.twitlogin{ background-color:#55acee; color:#fff;}
.sns_icon{position:absolute; top:14px; left:15px;}
.ourlogin_box{ width:100%; margin:0 auto; border-top:1px solid #ddd; position:relative; padding:30px 0 30px 0;}
.or_h1{background-color:#fff; position:absolute; top:-13px; left:50%; text-align:center; padding:0 10px 0 10px; margin:0 0 0 -17px;}
.login_unit{ padding:0 0 8px 0;}
.login_input_style{border:1px solid #ddd; width:calc(100% - 32px); font-size:13px; padding:15px;}
.login_txt{font-size:13px; color:#666; padding:5px 0 15px 0;}
.login_txt input{ vertical-align:text-top; margin:4px 0 0 0;}
/* .login_btn{text-align:center; border:0px; background-color:#977a69; width:100%; color:#fff; padding:0px 0 0 0; height:45px; font-size:15px; font-weight:bold; cursor:pointer;} */
.login_option{border-top:1px solid #ddd; width:100%; margin:0 auto; text-align:center; padding:30px 0 0 0;}
.login_option li{display:inline-block; font-size:12px; vertical-align:text-top; margin:0 5px 0 5px; }



.gototop{position: fixed; bottom:20px; right:20px; z-index:9999999999;}
.gototop img{width:70px; padding:4px 0 0 0;}



/* sub visual */
.sub_top_visual{text-align:center; padding:40px 0px 0px 0px;}
.bg_introduce{ background:url(../images/bg_introduce.png) center; }
.bg_professor{ background:url(../images/bg_professor.png) center; }
.bg_class{ background:url(../images/bg_class.png) center; }
.bg_join{ background:url(../images/bg_join.png) center; }
.bg_data{ background:url(../images/bg_data.png) center; }
.sub_v_h1{color:#fff; font-size:21px;}
.sub_v_h2{color:#fff; padding:15px 0 40px 0; font-size:18px; letter-spacing:-1px;}



.board_btn{ text-align:center; position:relative; padding:20px 0 20px 0;}
.board_btn_style{ background-color:#76619e; color:#fff; border:0px; font-size:15px; height:50px; line-height:49px; cursor:pointer; width:100%; margin:0 0 5px 0;}
.board_btn_style2{ background-color:#857e8a; color:#fff; border:0px; font-size:15px; height:50px; line-height:49px; cursor:pointer; width:100%; margin:0 0 5px 0; display:inline-block;}

/* board search  */
.board_searchpac{text-align:center; padding:0px 0 30px 0;}
.select_style{height:40px; border:1px solid #ddd; width:65px; vertical-align:text-top;}
.text_style{ height:38px; border:1px solid #ddd; vertical-align:text-top; padding:0 0px 0 10px; width:165px; font-size:14px;}
.btn_search{height:40px; background-color:#318cbf; color:#fff; vertical-align:text-top; border:0px; line-height:37px; width:65px; cursor:pointer;}

/* board */
.board_pac{border-top:0px solid #ddd; padding:0 20px 30px 20px;}
.board_unit{border-bottom:1px solid #ddd; padding:20px 0 20px 0px; cursor:pointer; position:relative; }
.board_unit:hover{background-color:#f5f5f5;}
.board_num{ font-size:15px; padding:0 0 5px 0; position:absolute; top:50%; left:0px; font-weight:bold; margin:-10px 0 0 0; text-align:center; width:50px;}
.tag_noti{font-size:14px; color:#318cbf;}
.board_h1{font-size:15px; padding:0 0 5px 60px; font-weight:bold;}
.board_h1 img{vertical-align:text-top; margin:0 0 0 3px;}
.board_date{font-size:13px; color:#999; padding:0 0 0 60px;}


.board_h1_c{font-size:14px; padding:0 0 5px 0; font-weight:bold;}
.board_h2{font-size:12px; color:#999;}
.board_file{ border-bottom:1px solid #ddd; font-size:0px; padding:20px 0 20px 0; background-color:#f5f5f5;}
.board_file dt{font-size:13px; font-weight:bold; display:inline-block; width:75px; vertical-align:text-top; margin:0 0 0 0; padding:0 0 0 0; text-align:center;}
.board_file dd{font-size:13px; display:inline-block; width:calc(100% - 75px); vertical-align:text-top; margin:0 0 0 0; padding:0 0 0 0;}
.board_file dd a{text-decoration:underline;}
.board_file img{width:14px;}

.board_view{border-bottom:1px solid #ddd; padding:25px 0px 25px 0px; font-size:14px; line-height:20px; font-family: "Nanum Gothic", sans-serif;}
.board_view_file{font-size:14px; padding:16px 0px 16px 0px; border-bottom:1px solid #ddd; font-weight:bold; position:relative;}
.board_view_file span{display:block; font-weight:normal; font-size:11px; padding:5px 0 0 0; color:#999;}
.board_btn_pac{padding:0 0 40px 0; text-align:center;}
.btn_list{background-color:#318cbf; font-size:16px; text-align:center; margin:0px 0 0 0; padding:12px 0 12px 0; color:#fff; cursor:pointer; display:inline-block; width:150px; font-weight:bold;}
.btn_gray{background-color:#999; font-size:16px; text-align:center; margin:0px 0 0 0; padding:12px 0 12px 0; color:#fff; cursor:pointer; display:inline-block; width:150px; font-weight:bold;}

.board_notice{font-size:14px; padding:0 0 15px 0;}
.board_notice img{vertical-align:middle; margin:0 0 3px 0;}

/* class */
.board_h1_ct{font-size:15px; font-weight:bold; padding:0 0 10px 0;}
.btn_quailty{background-color:#f5f5f5; font-size:13px; border:1px solid #ddd; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; display:inline-block; color:#666; padding:5px 10px 5px 10px; margin:0 5px 0 0;}
.board_h_cp{position:absolute; top:35px; right:10px; font-size:14px;}
.board_h_cp2{position:absolute; top:25px; right:10px; font-size:14px;}
.btn_done{color:#eda822; font-weight:bold;}
.btn_yet{color:#9c65aa; font-weight:bold;}

.board_h1_ct_new{font-size:15px; font-weight:bold; padding:0 0 10px 0; display:inline-block; vertical-align:text-top; width:calc(100% - 143px);}
.board_h_cp_new{ font-size:14px; display:inline-block; width:50px; text-align:center;}
.board_h_cc_new{ display:inline-block; text-align:right; width:80px;}

/* notice */
.join_title{font-size:16px; font-weight:bold; letter-spacing:-0.5px; padding:0 0 20px 0; color:#9c65aa;}
.notice_unit{border:1px solid #ddd; padding:20px; margin:0 0 10px 0;}
.notice_h1{color:#814d8e; font-weight:bold; font-size:15px; display:inline-block; vertical-align:text-top; width:30px;}
.notice_h2{font-size:14px; line-height:20px; display:inline-block; vertical-align:text-top; width:calc(100% - 40px);}

.btn_joincheck{background-color:#814d8e; color:#fff; font-size:16px; font-weight:bold; text-align:center; padding:12px 0 12px 0; webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor:pointer;}
.red_font{ color:#fa4858;}
.red_font_new{ color:#fa4858; display:inline-block; }

/* join */

.rulepac{border:1px solid #ddd; background-color:#f5f5f5; padding:10px; font-size:12px; color:#666; height:90px; overflow-y:scroll; line-height:17px; white-space:pre-line;}
.rule_check{font-size:13px; padding:0px 0 20px 3px; display:inline-block; width:calc(100% - 40px); vertical-align:text-top; line-height:18px;}
.rule_check a{text-decoration:underline; font-weight:bold;}
.rule_check input{vertical-align:middle; margin:0 0 2px 0;}

.join_unit{ border-bottom:1px solid #ddd; padding:15px 0 15px 0;}
.join_unit dt{font-size:14px; font-weight:bold; padding:0 0 10px 0;}
.join_unit dt span img{vertical-align:text-top; padding:6px 0 0 0;}
.join_unit dd{padding:0 0 0 0; margin:0 0 0 0; font-size:14px;}
.join_input_style{border:1px solid #ddd; padding:12px 12px 11px 12px; webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width:calc(100% - 26px);}
.select_style_join{border:1px solid #ddd; padding:12px 12px 11px 12px; webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width:calc(100% - 0px);}
.join_pac2{padding:0 0 30px 0;}

.login_unit_afterlogin{ display:inline-block; color:#fff; font-size:14px; text-align:center; width:100%;}
.mypage_in{font-size:15px; font-weight:bold; padding:10px 0 1px 0;}

.idpass_title{ font-size:16px; font-weight:bold; color:#6d549e; padding:0 0 10px 0;}
.idpass_h1{font-size:13px; letter-spacing:-0.5px; color:#999;}

.btn_center_pac2{text-align:center; padding:15px 0 30px 0;}

/* 메인배너 슬라이드 */
.slide_pagenation{ width:100%; text-align:center; position:absolute; bottom:30px;}
.slide_pagenation span{ margin:0 1px 0 1px;}
.slide_pagenation span img{width:15px;}

/* main pro */
.prolist{ padding:30px; text-align:center;}
.prolist_h1{font-size:18px; font-weight:bold; color:#977a69; padding:10px 0 30px 0; cursor:pointer;}
.prolist_unit{ text-align:left; padding:0 0 30px 0; cursor:pointer;}
.pro_thumb img{width:100%;}
.pro_thumb{padding:0 0 20px 0;}
.pro_subtitle{font-size:13px; color:#999; padding:0 0 5px 0;}
.pro_title{font-size:18px; font-weight:bold; padding:0 0 10px 0;}
.pro_price{font-size:14px; font-weight:bold; color:#b3907c; padding:0 0 10px 0;}
.pro_price span{color:#999; font-size:12px; text-decoration:line-through;}
.pro_who{font-size:13px;}
.pro_who a:link{color:#999;}
.pro_who a:visited{color:#999;}
.pro_who a:active{color:#999;}
.pro_who a:hover{color:#999;}

.main_go_btn{ background-color:#eee; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-size:13px; letter-spacing:-0.5px; padding:15px 30px 16px 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0; color:#666;}
.main_go_btn2{ background-color:#e3d3c9; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-size:13px; letter-spacing:-0.5px; padding:15px 30px 16px 30px; display:inline-block; cursor:pointer; margin:20px 0 0 0; color:#666;}

/* magazine main */
.maga_list{text-align:center; background-color:#f3eeeb; padding:30px;}
.maga_unit{ display:inline-block; width:200px; padding:0 0 30px 0;}
.maga_thumb img{width:100%;}
.maga_title{font-size:16px; padding:10px 0 0 0;}

/* main bottom */
.main_notice{ padding:30px; border-bottom:1px solid #eee; text-align:left;}
.main_notice_h1{font-size:18px; font-weight:bold; color:#977a69; padding:0 0 15px 0; cursor:pointer;}
.main_notice_list{ cursor:pointer;}
.main_notice_list div{padding:0 0 5px 0;}
.main_notice_list div dt{font-size:14px; vertical-align:text-top; display:inline-block; width:calc(100% - 78px);}
.main_notice_list div dd{font-size:12px; color:#999;  display:inline-block; vertical-align:text-top; padding:1px 0 0 0; margin:0 0 0 0; width:70px;}
.main_contact{ padding:30px; text-align:left;}
.main_contact_h1{font-size:23px; padding:0 0 5px 0;}
.main_contact_h2{font-size:14px; padding:0 0 5px 0;}

/* pagenation */
.pagenation_wrap{text-align:center; padding:0px 0 15px 0; font-size:0px;}
.pagenation_wrap a{border:1px solid #eee; width:40px; height:40px; display:inline-block; vertical-align:text-top; font-size:13px; line-height:40px; color:#999; margin:0 2px 0 2px;}
.pagenation_wrap a:hover{color:#333;}
.pagenation_wrap a.page_prepre{background:url(../images/btn_page_prepre_off.png) no-repeat 0 0;}
.pagenation_wrap a.page_prepre:hover{background:url(../images/btn_page_prepre_on.png) no-repeat 0 0;}
.pagenation_wrap a.page_pre{background:url(../images/btn_page_pre_off.png) no-repeat 0 0;}
.pagenation_wrap a.page_pre:hover{background:url(../images/btn_page_pre_on.png) no-repeat 0 0;}
.pagenation_wrap a.page_next{background:url(../images/btn_page_next_off.png) no-repeat 0 0;}
.pagenation_wrap a.page_next:hover{background:url(../images/btn_page_next_on.png) no-repeat 0 0;}
.pagenation_wrap a.page_nextnext{background:url(../images/btn_page_nextnext_off.png) no-repeat 0 0;}
.pagenation_wrap a.page_nextnext:hover{background:url(../images/btn_page_nextnext_on.png) no-repeat 0 0;}
.pagenation_wrap a.active{border:1px solid #318cbf; color:#318cbf;}

.pagenation_wrap2{text-align:center; padding:30px 0 0px 0;}
.pagenation_wrap2 a{border:1px solid #eee; width:40px; height:40px; display:inline-block; vertical-align:text-top; font-size:13px; line-height:40px; color:#999;}
.pagenation_wrap2 a:hover{color:#333;}
.pagenation_wrap2 a.page_pre{background:url(../images/btn_page_pre_off.png) no-repeat 0 0;}
.pagenation_wrap2 a.page_pre:hover{background:url(../images/btn_page_pre_on.png) no-repeat 0 0;}
.pagenation_wrap2 a.page_next{background:url(../images/btn_page_next_off.png) no-repeat 0 0;}
.pagenation_wrap2 a.page_next:hover{background:url(../images/btn_page_next_on.png) no-repeat 0 0;}
.pagenation_wrap2 a.active{border:1px solid #a08575; color:#a08575;}

/* pro detail top */
.pro_detail_top{border-bottom:1px solid #ddd;}
.pro_detail_img{padding:20px;}
.pro_detail_img img{width:100%;}
.pro_detail_right{padding:0px 20px 20px 20px;}
.pro_count{position:relative; margin:20px 0 0 0;}
.count_input{border:1px solid #ddd; font-size:14px; padding:11px 15px 11px 15px; width:calc(100% - 32px);}
.count_btn_up{position:absolute; top:1px; right:1px; cursor:pointer;}
.count_btn_down{position:absolute; top:21px; right:1px; cursor:pointer;}
.it_supply{border:1px solid #ddd; font-size:14px; padding:10px 15px 12px 15px; width:100%; background-color:#fff;}
.sit_ov_tbl{width:100%;}
.pro_option{padding:10px 0 10px 0;}
.price_unit{ padding:20px 0 15px 0;}
.price_unit dt{display:inline-block; vertical-align:text-top; width:50px; margin:0 0 0 0; padding:0 0 0 0; font-size:14px;}
.price_unit dd{display:inline-block; vertical-align:text-top; width:calc(100% - 50px); text-align:right; margin:0 0 0 0; padding:0 0 0 0; font-size:16px; font-weight:bold; color:#917361;}
.new_option_unit{ border-bottom:1px solid #ddd; padding:15px 0 15px 0;}
.option_type{font-size:14px;}
.option_num{width:30px; border:0px;}
.option_info{display:inline-block; width:calc(100% - 105px); margin:0 0 0 0; padding:0 0 0 0;}
.new_opt_btn{display:inline-block; vertical-align:middle; margin:0px 0 2px 0; text-align:right; width:100px; padding:0 0 0 0;}
.new_opt_btn img{margin:0 0 0 4px; cursor:pointer;}
.btn_gold_button{ border:0px; background-color:#917361; color:#fff; width:100%; padding:13px 0 13px 0; margin:5px 0 0 0; cursor:pointer;}
.btn_gold_button2{ border:0px; background-color:#c3afa3; color:#fff; width:100%; padding:13px 0 13px 0; margin:5px 0 0 0; cursor:pointer;}

.naverpay{padding:20px 0 10px 0;}

/* detail quick */
.detail_quick{padding:25px 20px 25px 20px;}
.detail_quick div.on{display:inline-block; font-size:14px; padding:0 10px 0 0; font-weight:bold; letter-spacing:-0.5px; color:#9b7d6c; cursor:pointer;}
.detail_quick div.off{display:inline-block; font-size:14px; padding:0 10px 0 0; letter-spacing:-0.5px; color:#999; cursor:pointer;}
.detail_info img{width:100%;}

/* review pac */
.review_pac{padding:0 20px 30px 20px;}
.review_btn{width:90px; display:inline-block; margin:0 0 0 0; padding:0 0 0 0;  cursor:pointer;}
.review_btn img{width:100%;}
.review_input{border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:0px; height:68px; padding:10px; display:inline-block; margin:0 0 0 0; width:calc(100% - 111px); letter-spacing:-0.5px; }

.review_unit{ border-bottom:1px solid #ebebeb; padding:40px 0 40px 70px; position:relative;}
.review_unit p{padding:0; margin:0;}
p.review_name{font-size:14px; font-weight:bold; padding:0 0 10px 0; letter-spacing:-1px;}
p.review_letter{font-size:13px; color:#666; padding:0 0 0px 0;}
.review_date{font-size:12px; color:#999; font-family:'georgiai'; font-weight:normal; padding:0 0 0 10px;}
p.review_control{ font-size:12px; letter-spacing:0.5px; font-family:'georgiai'; padding:5px 0 0 0;}
.review_thumb{ position:absolute; top:40px; left:0px;}
.gray2 a:link{ color:#c0c0c0; text-decoration:none;}
.gray2 a:active{ color:#c0c0c0; text-decoration:none;}
.gray2 a:visited{ color:#c0c0c0; text-decoration:none;}
.gray2 a:hover{ color:#c0c0c0; text-decoration:none;}

.gray a:link{ color:#999; text-decoration:none; }
.gray a:active{ color:#999; text-decoration:none;}
.gray a:visited{ color:#999; text-decoration:none; }
.gray a:hover{ color:#999; text-decoration:none; }

.review_page{padding:30px 0 0 0;}

/* pro link */
.prolist_unit_link{ text-align:left; padding:0px 20px 30px 20px; cursor:pointer;}
.pro_link_more{text-align:center; width:100%; margin:-20px 0 0 0; padding:0 0 50px 0;}

/* category */
.pro_category{text-align:center; padding:30px 30px 0 30px;}
.pro_cate_unit{display:inline-block; font-size:15px; padding:10px 10px 0 10px; color:#999; cursor:pointer;}
.pro_cate_unit.on{font-weight:bold; color:#967664;}
.idpass_comment{font-size:13px; padding:40px 0 0 0; text-align:center; line-height:22px; color:#666;}
.idpass_comment span{display:block;}

/* mobile search */
.mo_search{border:1px solid #ddd;}
.mo_search_style{border:0px; padding:15px; vertical-align:text-top; width:calc(100% - 73px);}
.btn_mosearch{margin:13px 0 0 10px; vertical-align:text-top;}
.pc_search_icon{vertical-align:text-top; cursor:pointer;}

/* search open */
.search_open{background-color:#fff; position:absolute; top:0px; right:0px; height:120px; z-index:9; text-align:right;}
.search_wrap{text-align:left; padding:35px 0 0 0; text-align:right;}
.search_icon{display:inline-block; vertical-align:middle; width:50px; text-align:center;}
.search_input_unit{display:inline-block; vertical-align:middle;}
.search_close{display:inline-block; vertical-align:middle; width:20px; text-align:right; cursor:pointer;}
.search_input_style{font-size:14px; padding:15px 0 15px 0; border-top:0px; border-left:0px; border-right:0px; border-bottom:2px solid #999; width:280px; }

/* makers */
.makers_pac{padding:30px;}
.makers_unit{border:0px solid #CCC; webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; position:relative; text-align:center; padding:25px 0 20px 0; margin:0px 0 20px 0; cursor:pointer;}
.makers_thumb{ width:160px; display:inline-block;}
.makers_thumb img{width:100%;}
.makers_pro_num{font-size:23px; font-weight:bold; position:absolute; top:20px; right:20px; color:#b1998b; display:none;}
.makers_h1{font-size:18px; font-weight:bold; padding:20px 0 0 0;}
.makers_h2{font-size:13px; padding:5px 0 0 0;}

.makers_list_top{ text-align:center; background-color:#f5f5f5; padding:30px 0 30px 0;}
.makers_list_thumb{}
.makers_list_thumb img{width:130px;}

/* cart */
.cart_wrap{ padding:20px;}
.cart_pac{border-top:1px solid #b1998b;}
.cart_unit{padding:15px 0 0px 0; border-bottom:1px solid #ddd; position:relative;}
.cart_thumb{ display:inline-block; vertical-align:text-top; padding:0 0 15px 0; margin:0 0 0 0; width:70px;}
.cart_thumb img{width:70px;}
.cart_info{display:inline-block; vertical-align:text-top; padding:0px 0 0px 100px; width:calc(100% - 96px); margin:0 0 0 0; min-height:96px;}
.cart_t{font-size:14px; font-weight:bold; letter-spacing:-0.5px; padding:0 0 4px 0;}
.cart_price{ font-size:13px; padding:0 0 4px 0;}
.cart_modify{ font-size:12px; text-decoration:underline;}
.cart_option{background-color:#fff; text-align:right; font-size:12px; padding:0px 0px 10px 0;}
.cart_option a{padding:0 5px 0 5px;}
.cart_del{ font-size:12px; text-decoration:underline;}

.cart_bottom{ background-color:#f5f5f5; padding:10px 0 10px 0; text-align:center;}
.cart_bottom img{vertical-align:text-top;}
.cart_modify_num{border:0px; background-color:#f5f5f5; text-align:center; vertical-align:text-top; width:30px; padding:4px 0 0px 0; font-size:14px;}


.cart_del2{position:absolute; top:40px; right:10px; cursor:pointer;}
.cart_result_pac{ padding:20px 0 0 0;}
.cart_result_unit{ padding:0 0 10px 0;}
.cart_result_unit dt{font-size:14px; display:inline-block; padding:0 0 0 0; margin:0 0 0 0; width:50%;}
.cart_result_unit dd{font-size:14px; display:inline-block; padding:0 0 0 0; margin:0 0 0 0; font-weight:bold; color:#977a69; width:50%; text-align:right;}
.cart_result_unit2{border-top:1px solid #ddd; margin:10px 0 0 0; padding:20px 0 10px 0;}
.cart_result_unit2 dt{font-size:14px; display:inline-block; padding:0 0 0 0; margin:0 0 0 0; width:50%;}
.cart_result_unit2 dd{font-size:14px; display:inline-block; padding:0 0 0 0; margin:0 0 0 0; font-weight:bold; color:#fb5f5f; width:50%; text-align:right;}
.cart_btn_pac{padding:20px 0 20px 0; text-align:center;}
.cart_naver{padding:10px 0 0 0;}

.cart_nopro{ text-align:center; font-size:14px; color:#999; padding:30px 0 45px 0;}

/* mypage */
.mypage_tab_pac{padding:30px 0 0 0;}
.mypage_tab{width:100%;}
.mypage_tab td{cursor:pointer;}
.mypage_tab td.on{background-color:#977a69; color:#fff; text-align:center; font-size:13px; letter-spacing:-0.5px; padding:13px 0 13px 0;}
.mypage_tab td.off{background-color:#f5f5f5; color:#666; text-align:center; font-size:13px; letter-spacing:-0.5px; padding:13px 0 13px 0;}

/* search */
.search_point{text-align:center; padding:20px 0 30px 0;}
.search_point img{vertical-align:middle;}
.search_point_style{font-size:14px; border-top:0px; border-left:0px; border-right:0px; border-bottom:2px solid #666; padding:10px 0 10px 0px; margin:0 5px 0 0; width:230px;}
.search_result_unit{padding:0 20px 0 20px;}
.search_h1{font-size:14px; border-bottom:1px solid #ddd; font-weight:bold; padding:0 0 10px 0; color:#999;}
.search_result_pac{  padding:20px 0 20px 0; text-align:center;}
.search_cont{padding:0 0 40px 0;}
.search_nodata{ padding:30px 0 30px 0; font-size:13px; color:#999; text-align:center;}
.search_more{border:0px; background-color:#ddd; color:#666; font-size:14px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; padding:10px 20px 10px 20px; cursor:pointer; margin:0 5px 0 5px;}

/* magazine */
.magazine_view_pac{padding:20px;}
.magazine_h1{font-size:20px; padding:0 0 20px 0;}
.magazine_conts{line-height:20px; padding:0 0 30px 0; border-bottom:1px solid #ddd;}
.magazine_conts img{width:100%;}
.magazine_btn{text-align:center; padding:20px 0 20px 0;}

/* board pac */

/* qna */
.qna_box{padding:0px 0px 0 0px; }
.order_unit{border-bottom:1px solid #ddd; padding:0 0 12px 0;}
.order_unit dt{display:block; font-size:13px; padding:0 0 10px 0; vertical-align:middle; font-weight:bold;}
.order_unit dt img{vertical-align:text-top; margin:6px 0 0 0;}
.order_unit dd{display:block; margin:0px; padding:0 0 4px 0; font-size:13px; vertical-align:middle; line-height:18px; }
.order_unit dd input{ vertical-align:middle;}
.order_unit dd span{padding:0 15px 0 0;}
.order_unit dd p.data{font-size:12px; color:#999; padding:5px 0 0 0;}
.qna_input_style{font-size:13px; padding:15px; border:1px solid #ddd; width:calc(100% - 32px);}
.mantoman_comment{font-size:12px; color:#999; padding:0 0 0 0px; margin:8px 0 0 0px; display:block;}
.qna_txtarea{width:calc(100% - 32px); border:1px solid #ddd; padding:15px;}
.btn_box{padding:0 0 50px 0; text-align:center;}

/* review */
.review_sort{ padding:20px 20px 30px 20px; border-bottom:1px solid #ddd;}
.review_sort_style{border:1px solid #ddd; width:calc(100% - 2px); padding:10px 10px 14px 10px; font-size:14px; background-color:#fff;}
.review_new_unit{ border-bottom:1px solid #eee; position:relative; padding:20px 0 20px 0;}
.review_thumb_new img{width:85px; height:85px;}
.review_thumb_new{position:absolute; top:20px; left:0px;}
.review_info{padding:0 0 0 100px;}
.review_txt{font-size:14px; line-height:22px; padding:0 0 10px 0;}
.review_from div{display:inline-block; font-size:12px; padding:0 8px 0 0; color:#999;}
.review_from div a:link{color:#666; text-decoration:none; font-weight:bold;}
.review_from div a:visited{color:#666; text-decoration:none; font-weight:bold;}
.review_from div a:active{color:#666; text-decoration:none; font-weight:bold;}
.review_from div a:hover{color:#333; text-decoration:none; font-weight:bold;}

.review_count{font-size:13px; color:#ac9362; vertical-align:text-top;}
.review_title{ font-size:13px; font-weight:bold; padding:0 0 10px 0; letter-spacing:-0.5px;}
.review_title a:link{color:#9b876a; text-decoration:none;}
.review_title a:visited{color:#9b876a; text-decoration:none;}
.review_title a:active{color:#9b876a; text-decoration:none;}
.review_title a:hover{color:#9b876a; text-decoration:none;}

.review_subtitle{ font-size:12px; display:block; color:#666; padding:5px 0 0 0;}
.review_all_pac{ padding:0 20px 30px 20px;}
.review_btn_pac{text-align:center; padding:0 0 40px 0;}
.review_write_pac{ padding:0 20px 0 20px;}

/* mypage modify */
.address_info{padding:20px 20px 10px 20px;}
.mypage_t{border-bottom:1px solid #ddd; font-size:14px; padding:0 0 20px 0; font-weight:bold;}
.input_bottom_mar{margin-bottom:10px;}

/* qna */
.myqna_unit{border-bottom:1px solid #ddd; padding:15px 0 15px 0; cursor:pointer;}
.myqna_h1{font-size:14px; padding:0 0 4px 0;}
.myqna_h2{font-size:12px; color:#999; padding:0 0 4px 0;}
.myqna_h3{font-size:13px; color:#666; font-weight:bold;}
.myqna_h3 span.reply_done{ color:#fc6868;}
.btn_confirm{text-align:center;}
.qna_reply_btn{ border:0px; background-color:#fff; padding:15px 0 0 0; }
.man_done{color:#fc6868;}

/* point */
.point_now{width:200px; border-bottom:2px solid #666; margin:0px auto 0px; padding:20px 0 10px 0; position:relative; text-align:right; font-weight:bold; font-size:30px; font-family: 'Fjalla One', sans-serif; color:#d38150;}
span.point_now_t{position:absolute; top:32px; left:0px; font-size:13px; color:#999;}

/* mantoman */
.mantoman_table{width:100%; border-top:1px solid #ddd; margin:40px 0 50px 0;}
.mantoman_table th{padding:10px 0 10px 0; font-size:12px; border-bottom:1px solid #ddd; text-align:center; background-color:#f5f5f5;}
.mantoman_table td{border-bottom:1px solid #CCC; font-size:13px; padding:15px 0 15px 0; text-align:center; }
.mantoman_table td.board_title{text-align:left; letter-spacing:-1px;}
.mantoman_table td.no_cont{ padding:30px 0 30px 0; color:#999;}
.mantoman_table td a:link{color:#333; text-decoration:none;}
.mantoman_table td a:visited{color:#333; text-decoration:none;}
.mantoman_table td a:active{color:#333; text-decoration:none;}
.mantoman_table td a:hover{color:#333; text-decoration:none;}
.mantoman_table td.answer{ font-weight:bold;}
span.man_ing{color:#999; letter-spacing:-1px;}
span.man_done{color:#fe3535; letter-spacing:-1px; font-weight:bold;}
p.data{padding:10px 0 10px 0; font-size:11px; color:#999; margin:0; letter-spacing:0px;}

/* cart */
.cart_box{border-top:0px solid #333;}
.cart{padding:0px 20px 40px 20px; border-top:0px solid #ddd;}
.cart2{padding:0px 20px 10px 20px; border-top:0px solid #ddd;}
.no_item{border-bottom:1px solid #ddd; text-align:center; padding:40px 0 40px 0; font-size:12px; color:#666;}
.count{border-bottom:1px solid #ddd;}
.count dl{text-align:right; font-size:14px; font-weight:bold; line-height:24px; position:relative;}
.count dl dt{float:left; font-size:13px; font-weight:normal; color:#666; font-family: "Nanum Gothic", sans-serif;}
.count dl dd{font-family: "Nanum Gothic", sans-serif;}
.count2 dl{ text-align:right; font-size:14px; font-weight:bold; line-height:24px; color:#fe4747; position:relative;}
.count2 dl dt{float:left; font-size:13px; font-weight:normal; color:#666;}

.cart_item{ border-bottom:1px solid #ddd; position:relative; padding:15px 0 0px 0px; min-height:95px;}
.cart_item2{ border-bottom:1px solid #ddd; position:relative; padding:15px 0 15px 10px; min-height:80px;}
.cart_thumb{position:absolute; top:15px; left:0px;}
.cart_thumb img{width:80px;}
.cart_thumb2{position:absolute; top:15px; left:15px;}
.cart_thumb2 img{width:80px;}

span.cart_t{font-size:14px; display:block; padding:2px 0 3px 0; }
span.cart_t li{padding:5px 0 0 0;}
span.cart_p{font-size:14px; font-weight:normal; padding:7px 4px 0 0; color:#977a69;}
span.cart_numcart{padding:0px 0 0 0; font-size:14px; display:inline-block; color:#977a69;}
span.cart_go{font-size:12px; display:block; padding:4px 0 15px 0;}
.cart_num_style{border:1px solid #999; padding:4px 0 4px 5px; width:50px;}

.cart_modify_open{display:block; position:relative; border-top:1px solid #ddd; margin:0px 0 0 0; background-color:#f5f5f5; padding:0 0 10px 0;}
.option_text{ display:inline-block; text-align:left; padding:20px 20px 0 15px; font-size:12px; width:calc(100% - 180px); vertical-align:text-top;}
.sit_opt_list{display:inline-block; vertical-align:text-top;}
.sit_opt_list p_d_option2{display:inline-block; vertical-align:text-top;}
.p_d_option2{position:relative; margin:10px 0 0 0; display:inline-block; width:70px;}
.p_d_option2 div.count_btn_up{top:1px;}
.p_d_option2 div.count_btn_down{top:21px;}

.count_input2{border:1px solid #ddd; background-color:#fff; padding:10px 10px 12px 15px; font-size:14px; width:43px;}
.btn_gold3{background-color:#b8986c; text-align:center; padding:11px 12px 11px 12px; font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#fff; border:0px; cursor:pointer; vertical-align:text-top;}
.option_count_apply{display:inline-block; vertical-align:text-top; padding:10px 0 0 0;}
.option_close{text-align:center; font-size:12px; padding:10px 0 0 0;}

.option_modify_pac{ border-bottom:1px solid #ddd; padding:0 0 10px 0;}
.cart_option_unit{ border-top:1px dotted #ddd; width:100%; margin:0px 0 0 0; padding:10px 0 10px 0;}
.cart_option_unit p:nth-child(1){ font-size:13px; padding:0 0 4px 0;}
.cart_option_unit p:nth-child(2){ font-size:12px; color:#977a69;}
.cart_option_pac{margin:10px 0 15px 0; border-bottom:1px dotted #ddd;}
.cart_comment{ font-size:12px; color:#999; padding:10px 0 0 0;}

/* order */
.order_h1{ font-size:18px; font-weight:bold; padding:30px 0 0 0; letter-spacing:-0.5px;}
span.order_add{ margin:0px 10px 5px 0; font-weight:bold; display:block;}
span.order_add input{ vertical-align:text-top;}
order_unit dd.noinput{ font-size:14px;}
span.only_txt{font-size:14px; display:inline-block; margin:0 0 3px 0;}

/* history */
.history_h1{font-size:14px; padding:0 0 5px 0;}
.history_h2{font-size:14px; font-weight:bold; padding:0 0 5px 0;}
.history_h3{font-size:14px; padding:0 0 5px 0;}
.history_h4{font-size:14px; font-weight:bold;}
.history_done{color:#977a69;}

.history_detail_pac{padding:0 20px 0 20px;}

/* rule */
.rule{padding:20px;}
h2{font-size:20px;}
.rule_subt{font-size:13px; display:block; padding:5px 0 0 0; color:#999; font-weight:normal;}
h3{font-size:15px;}
.rules_view p{font-size:12px; line-height:20px; color:#666;}
.rules_view ol{padding-left:16px;}
.rules_view ol li{font-size:13px; line-height:20px; padding:0 0 15px 0; color:#666;}
.rules_view ol li span.first_letter{margin:0 4px 0 -16px;}

/* pro nosale vote */
.nosale_pac{border-top:1px solid #ddd; margin:15px 0 0 0; border-bottom:1px solid #ddd; padding:15px 0 15px 0; position:relative;}
.nosale_h1{position:absolute; top:22px; left:0px; color:#977a69; font-size:30px; text-align:center; width:90px;}
.nosale_h2{padding:0 0 0 90px; font-size:15px; font-weight:bold;}
.nosale_h2 p{font-size:13px; font-weight:normal; padding:5px 0 0 0; color:#999;}
.nosale_btn_pac{padding:15px 0 20px 0;}
.nosale_btn{border:1px solid #ddd; background-color:#fff; letter-spacing:-1px; width:calc(100% - 2px); padding:15px 0 16px 0; color:#666;}

/* cart plus */
.cart_deli_pac{font-size:16px; font-weight:bold; color:#977a69; padding:0 0 10px 0;}
.cart_deli_pac2{font-size:16px; font-weight:bold; color:#977a69; padding:30px 0 10px 0;}
.cart_deli_pac3{font-size:16px; font-weight:bold; color:#977a69; padding:30px 0 10px 0; border-bottom:1px solid #b1998b;}

.main_visual{background-color:#fff; position:relative;}
.mv_slide_01{text-align:center; background:url(../images/main_visual_01.png) center no-repeat; height:370px; background-size:1500px;}
.mv_slide_01 img{padding:90px 0 0 0; width:260px;}
.mv_slide_01 p{font-size:16px; color:#fff; padding:30px 0 0px 0;}
.mv_slide_01 p span{display:block;}

.mv_slide_02{text-align:center; background:url(../images/main_vi_04_bg.png) center no-repeat; height:370px; background-size:1700px;}
.mv_slide_02 img{padding:100px 0 0px 0; width:260px;}
.mv_slide_02 p{font-size:10px; color:#fff; padding:1px 0 1px 0;}
.mv_slide_02 p span{display:block; color:#fff;}
.main_block span{color:#fff; font-size:14px; display:block; }

.mv_slide_03{text-align:center; background:url(../images/main_visual_05.jpg) center no-repeat; height:370px; background-size:1750px;}
.mv_slide_03 img{padding:90px 0 0 0; width:260px;}
.mv_slide_03 p{font-size:16px; color:#fff; padding:30px 0 0px 0;}
.mv_slide_03 p span{display:block;}

.mv_slide_06{text-align:center; background:url(../images/main_visual_08_bg_newnew.png) center no-repeat; height:370px; background-size:1750px;}
.mv_slide_06 img{padding:40px 0 0 0; width:260px;}

.mv_slide_07{text-align:center; background:url(../images/main_visual_09.png) center no-repeat; height:370px; background-size:1750px;}
.mv_slide_07 img{padding:40px 0 0 0; width:260px;}

.mv_slide_10{text-align:center; background:url(../images/main_visual_10_mobile.png) center no-repeat; height:370px; background-size:500px;}
.mv_slide_10 img{padding:86px 0 0 0; width:260px;}

.mv_slide_11{text-align:center; background:url(../images/main_visual_11_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_11 img{padding:80px 0 0 0; width:320px;}

.mv_slide_12{text-align:center; background:url(../images/main_visual_12_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_12 img{padding:50px 0 0 0; width:260px;}

.mv_slide_13{text-align:center; background:url(../images/main_visual_13_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_13 img{padding:50px 0 0 0; width:300px;}

.mv_slide_14{text-align:center; background:url(../images/main_visual_14_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_14 img{padding:60px 0 0 0; width:380px;}

.mv_slide_15{text-align:center; background:url(../images/main_visual_15_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_15 img{padding:50px 0 0 0; width:300px;}

.mv_slide_16{text-align:center; background:url(../images/main_visual_16_mobile.png) center no-repeat; height:370px; background-size:600px;}
.mv_slide_16 img{padding:50px 0 0 0; width:300px;}

.btn_go_main_white{border:1px solid #fff; display:inline-block; color:#fff; line-height:45px; padding:0 30px 0 30px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background:url(../images/bg_white.png); cursor:pointer; margin:25px 0 0 0;}
.btn_go_main_white3{border:1px solid #fff; display:inline-block; color:#fff; line-height:40px; padding:0 25px 0 25px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background:url(../images/bg_white.png); cursor:pointer; margin:5px 0 0 0;}
.btn_go_main_white2{border:1px solid #fff; display:inline-block; color:#fff; line-height:45px; padding:0 30px 0 30px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background:url(../images/bg_white.png); cursor:pointer; margin:25px 0 0 0;}

.main_go_pac{text-align:center; padding:10px 0 60px 0;}
.t_main{padding:50px 0 40px 0; text-align:center;}
.main_go_unit{ display:inline-block; padding:0 0 20px 0;}
.main_go_unit img{width:150px;}

.main_bottom{background-color:#e5dbd0; text-align:center;}
.main_bottom img{width:100%;}

.foot_menu{ padding:0 0 10px 0; border-bottom:1px solid #ced8db;}
.foot_menu li{padding:0 5px 7px 5px; font-size:13px; display:inline-block;}
.foot_menu li a:link{color:#637077;}
.foot_menu li a:visited{color:#637077;}
.foot_menu li a:active{color:#637077;}
.foot_menu li a:hover{color:#637077;}
.foot_sns{padding:10px 0 10px 0;}
.foot_info{color:#989ca1; font-size:12px; letter-spacing:-0.5px; padding:30px 20px 10px 20px;}
.foot_info span{padding:0 5px 5px 5px; display:inline-block;}
.foot_copy{ color:#aeb6ba; letter-spacing:0px; font-size:12px; padding:0 0 80px 0;}
.foot_img{padding:30px 0 0 0;}



.sub_slide_01{ text-align:center; height:220px; background:url(../images/sub_v_01.png) center no-repeat; }
.sub_slide_02{ text-align:center; height:220px; background:url(../images/sub_v_02.png) center no-repeat;}
.sub_slide_03{ text-align:center; height:220px; background:url(../images/sub_v_03.png) center no-repeat;}
.sub_slide_04{ text-align:center; height:220px; background:url(../images/sub_v_04.png) center no-repeat;}


.sub_slide_01 img{width:90%; padding:85px 0 0 0;}
.sub_slide_02 img{width:90%; padding:85px 0 0 0;}
.sub_slide_03 img{width:90%; padding:85px 0 0 0;}
.sub_slide_04 img{width:90%; padding:85px 0 0 0;}

.gallery_bottom{ text-align:center;}
.gallery_bottom img{width:100%; margin:0 0 -1px 0;}

.gallery_unit{ padding:0 0px 30px 0px;; cursor:pointer;}
.gallery_unit img{width:100%;}
.gallery_h1{font-size:15px; font-weight:bold; padding:20px 0 10px 0; color:#73bfbf;}
.gallery_h2{font-size:15px; font-weight:bold; padding:0 0 10px 0;}
.gallery_h3{font-size:14px; color:#999;}

.map_img{ position:relative;}
.map_img img{ width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.map_h1{font-size:20px; letter-spacing:-1px; color:#39b9b7; padding:30px 0 15px 0;}
.map_unit{ padding:0 0 15px 0; font-size:0px;}
.map_unit dt{font-size:14px; font-weight:bold; color:#666; padding:0 0 5px 0; display:inline-block; vertical-align:text-top; width:80px;}
.map_unit dd{font-size:14px; display:inline-block; vertical-align:text-top; width:calc(100% - 80px); color:#666; line-height:20px;}
.map_info{padding:0 0 40px 0;}


.gallery_view_pac{background:url(../images/gall_bg.png); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:999999999999999999; text-align:center;}
.gallery_view{position:relative; top:50%; margin:-130px 0 0 0;}
.gall_btn_pac{position:absolute; bottom:-80px; text-align:center; width:100%;}
.gall_btn_next{display:inline-block; padding:0 10px 0 10px;}
.gall_btn_pre{display:inline-block; padding:0 10px 0 10px;}
.gall_view_img img{width:100%;}

.btn_close{position:absolute; top:20px; right:20px;}

.introduce_pac{padding:20px;}
.intro_h1{ padding:10px 0 20px 0;}
.intro_h1 img{width:250px;}
.intro_h2{font-size:14.5px; line-height:25px; padding:0 0 20px 0;}
.intro_h3{font-size:14.5px; line-height:25px; padding:0 0 20px 0;}
.intro_img_unit{text-align:center; font-size:13px; padding:0 0 20px 0;}
.intro_img_unit img{width:100%; padding:0 0 10px 0;}
.intro_h4{ padding:20px 0 20px 0;}
.intro_h4 img{width:250px;}
.intro_h6{text-align:right; padding:0 10px 30px 0;}

.intro_end_pac{background-color:#f2ede7; padding:20px 20px 50px 20px; text-align:center;}
.profile_info{text-align:left;}
.profile_img img{width:100%; padding:0 0 40px 0;}
.profile_h1{padding:0 0 30px 0;}
.profile_h2{font-size:12.5px; letter-spacing:-0.5px; color:#71737a;}
.profile_h2 p{padding:0 0 5px 0;}
.profile_h2 p span{display:block;}
.profile_h3{font-size:15px; font-weight:bold; padding:20px 0 5px 0;}

.tab_style{text-align:center; font-size:13px; width:100%;}
.tab_style td{width:25%; padding:15px 0 15px 0; cursor:pointer;}
.tab_style td span{display:block;}
.tab_style td.off{background-color:#e5dbd0; color:#958d85; border-right:1px solid #ebe4dc;}
.tab_style td.on{background-color:#283748; color:#fff;}

.clinic_wrap{padding:20px;}
.clinic_h1{font-size:17px; letter-spacing:-1px; padding:10px 0 0px 0; line-height:28px;}

.clinic_h2{font-size:27px; letter-spacing:-1px; padding:0 0 15px 0;}
.clinic_h2 span{font-size:16px; color:#999;}
.clinic_h3{font-size:14px; line-height:22px; padding:0 0 30px 0; color:#666;}

.clinic_unit{ position:relative;}
.clinic_unit img{width:100%;}
.ex_title{background-color:#eeeeee; font-size:20px; padding:25px; letter-spacing:-1px;}

.clinic_pac{border-bottom:1px solid #ddd; padding:40px 0 50px 0;}

.img_comment{position:absolute; bottom:15px; right:15px; font-weight:bold; font-size:14px; color:#fff;}

.mobile_login{ position:absolute; top:20px; right:20px;}

.main_vi_left{position:absolute; top:50%; left:20px; margin:-16px 0 0 0;z-index:9999;}
.main_vi_left img{width:20px;}
.main_vi_right{position:absolute; top:50%; right:20px; margin:-16px 0 0 0;z-index:9999;}
.main_vi_right img{width:20px;}

.main_story_pac{ background-color:#f2f2f2; text-align:center; padding:56px 20px 40px 20px;}
.main_story_h1{font-size:40px; color:#21a0e7; letter-spacing:-3px; padding:0 0 40px 0; font-weight:100;}
.main_story_h1 p{font-size:16px; color:#999; font-weight:bold; padding:10px 0 0 0; letter-spacing:-1px;}
.main_story_unit{background-color:#fff; display:inline-block; cursor:pointer; margin:0 0px 20px 0px;}
.main_story_thumb img{width:100%;}
.main_story_info{text-align:left; padding:20px;}
.story_h1{font-size:17px; font-weight:bold; padding:0 0 15px 0; min-height:45px;}
.story_h2{font-size:14px; color:#999; padding:0 0 10px 0; height:40px;}

.main_support_pac{ text-align:center; padding:56px 20px 80px 20px;}

.main_support_unit{ display:inline-block; margin:0 5px 0 5px; padding:0 0 30px 0; font-size:20px; cursor:pointer; vertical-align:top;}
.main_support_unit img{width:140px; padding:0 0 15px 0;}
.main_support_unit_eng{ display:inline-block; margin:0 5px 0 5px; padding:0 0 30px 0; font-size:20px; cursor:pointer; vertical-align:top; width:45%;}
.main_support_unit_eng img{width:140px; padding:0 0 15px 0;}

.eng_main_banner_h1{color:#fff; padding:15px 0 0 0;}

.main_works_pac{ background:url(../images/main_works_bg.png) no-repeat center; background-attachment:fixed; text-align:center; padding:60px 30px 60px 30px;}
.works_blue_box{background:url(../images/bg_blue.png); text-align:left; padding:30px 30px 0 30px;}
.works_info_box{padding:0 0 30px 0; position:relative;}
.works_h1{color:#fff; font-size:25px; letter-spacing:-1px; padding:0 0 15px 0;}
.works_line{ background-color:#fff; width:30px; height:2px;}
.works_list{padding:15px 0 20px 0; font-size:15px;}
.works_list li{padding:0 0 4px 0;}
.works_list a:link{color:#fff;}
.works_list a:visited{color:#fff;}
.works_list a:active{color:#fff;}
.works_list a:hover{color:#fff;}
.works_img{position:absolute; top:0px; right:0px;}
.works_img img{width:130px;}
.works_img_kr{position:absolute; top:0px; right:0px;}

.bottom_pac{ padding:30px;}
.bottom_notice_box{border:1px solid #ddd; padding:20px; text-align:left; position:relative;}
.bottom_box_01{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; position:relative; cursor:pointer;}
.bottom_box_01_eng{border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; position:relative; cursor:pointer;}
.bottom_box_01_eng:nth-child(1){border-bottom:0px;}
.m_notice_h1{font-size:18px; font-weight:bold; padding:0 0 15px 0;}
.m_notice_h1 span{position:absolute; top:20px; right:20px; font-size:13px; font-weight:normal; color:#999;}
.m_notice_list li{padding:0 0 10px 0;}
.m_notice_list li dt{padding:0 0 0 0; margin:0 0 0 0; font-size:14px; line-height:18px;}
.m_notice_list li dd{padding:0 0 0 0; margin:0 0 0 0; font-size:13px; color:#999;}

.bottom_h1{ font-size:16px; color:#4ba2d3; padding:0 0 5px 80px;}
.bottom_h2{ font-size:29px; color:#666; padding:0 0 5px 80px; letter-spacing:-1px;}
.bottom_h3{font-size:13px; color:#999; padding:0 0 0 80px;}
.bottom_h4{font-size:13px; color:#666; line-height:20px; padding:4px 0 7px 80px;}
.bottom_h5{font-size:17px; padding:0 0 5px 80px;}
.bottom_h6{font-size:13px; color:#999; padding:0 0 0 80px;}
.bottom_img{position:absolute; top:30px; left:30px;}
.bottom_img img{width:50px;}

.page_wrap{text-align:center;}
.main_handson_pac{ background-color:#a7d676; padding:30px 30px 0 30px; text-align:center;}
.m_handson_img{ padding:30px 0 0 0; margin:0 0 -4px 0; font-size:0px;}
.m_handson_img img{width:320px;}
.m_handson_h1{font-size:30px; color:#fff; letter-spacing:-2px; padding:0 0 15px 0;}
.m_handson_h2{font-size:15px; color:#fff; padding:0 0 20px 0;}
.m_handson_h2 span{display:block;}
.btn_handon_white{background-color:#fff; color:#97c765; display:inline-block; line-height:45px; font-weight:bold; padding:0 20px 0 20px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;}

.links{padding:30px; color:#4ba2d3; text-align:center; position:relative;}
.links_01{ font-size:18px; font-weight:bold; text-align:left; padding:0 0 15px 0;}
.links_unit {display:inline-block; width:90px;}
.links_unit img{width:100%;}
.links_more{ position:absolute; top:32px; right:30px; font-size:14px;}
.links_more a:link{color:#999;}
.links_more a:visited{color:#999;}
.links_more a:active{color:#999;}
.links_more a:hover{color:#999;}

.sub_visual_01{text-align:center; background:url(../images/sub_top_visual_01.png) center no-repeat; height:220px;}
.sub_visual_01 img{padding:74px 8px 0 0; width:320px;}
.sub_visual_02{text-align:center; background:url(../images/sub_top_visual_02.png) center no-repeat; height:220px;}
.sub_visual_02 img{padding:74px 8px 0 0; width:320px;}
.sub_visual_03{text-align:center; background:url(../images/sub_top_visual_03.png) center no-repeat; height:220px;}
.sub_visual_03 img{padding:74px 8px 0 0; width:320px;}
.sub_visual_04{text-align:center; background:url(../images/sub_top_visual_04.png) center no-repeat; height:220px;}
.sub_visual_04 img{padding:74px 8px 0 0; width:320px;}
.sub_visual_05{text-align:center; background:url(../images/sub_top_visual_05.png) center no-repeat; height:220px;}
.sub_visual_05 img{padding:74px 8px 0 0; width:320px;}
.sub_visual_06{text-align:center; background:url(../images/sub_top_visual_06.png) center no-repeat; height:220px;}
.sub_visual_06 img{padding:74px 8px 0 0; width:320px;}

/* sub contents */
.sub_cont_wrap{}
.sub_cont_wrap2{ padding:0px 15px 0px 15px;}
.sub_cont_wrap3{ padding:0px 0px 30px 0px;}

.side_menu{border-bottom:1px solid #ddd; overflow-x:auto; overflow-y:hidden;}
.side_menu_list{ display:block; table-layout:initial; white-space:nowrap; font-size:0px;}
.side_menu_list li{ display:inline-block; text-align:center; font-size:15px; min-width:60px; font-weight:bold; color:#666; letter-spacing:-0.5px; padding:20px 13px 20px 13px; cursor:pointer;}
.side_menu_list li.on{border-bottom:3px solid #318cbf; color:#318cbf; padding:20px 13px 17px 13px;}

.subpage_title{ text-align:center; font-size:30px; font-weight:bold; letter-spacing:-2px; padding:40px 0 40px 0;}
.subpage_title2{ text-align:center; font-size:30px; font-weight:bold; letter-spacing:-2px; padding:40px 0 0px 0;}
.board_list{border-top:2px solid #666; padding:0 0 30px 0;}
.tag_new{font-size:13px; display:inline-block; padding:0 0 0 5px; font-weight:bold; color:#feab28; }

.right_btn_pac{ text-align:center; padding:0 0 30px 0;}

.board_unit2{border-bottom:1px solid #ddd; padding:15px 0 15px 0;}
.input_style{border:1px solid #ddd; padding:13px; width:calc(100% - 28px);}
.file_style{border:1px solid #ddd; padding:9px; width:calc(100% - 20px);}
.write_dt{font-size:14px; font-weight:bold; padding:0 0 10px 0;}
.write_dd{font-size:14px;}
.write_dd span{font-size:14px; font-weight:bold;}
.write_dd input{ vertical-align:text-top;}
.textarea_style{border:1px solid #ddd; padding:13px; width:calc(100% - 28px); height:150px;}
.board_file_plus{text-align:center; background-color:#f5f5f5; font-size:14px; padding:15px 0 15px 0; cursor:pointer;}

.class_box{ padding:25px 25px 40px 25px;}
.class_tab{padding:0 0 20px 0;}
.class_tab_unit{display:inline-block; border:1px solid #ddd; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; font-size:14px; padding:8px 14px 8px 14px; margin:0 0 7px 0; background-color:#f5f5f5; cursor:pointer;}
.class_tab_unit.on{background-color:#73bfbf; border:1px solid #73bfbf; color:#fff;}
.faq_open{font-size:14px; padding:30px 0 30px 0; line-height:23px; white-space:pre-line; border-bottom:1px solid #ddd; font-family: "Nanum Gothic", sans-serif;}
.faq_open a:link{color:#e56960; font-weight:bold;}
.faq_open a:visted{color:#e56960; font-weight:bold;}
.faq_open a:active{color:#e56960; font-weight:bold;}
.faq_open a:hover{color:#e56960; font-weight:bold;}

.inbox_temp{ text-align:center; background-color:#f5f5f5; font-size:14px; color:#999; padding:300px 0 300px 0;}
.board_view_img{width:100%; padding:0 0 30px 0;}

.rule_pac{padding:0px 20px 0 20px; white-space:pre-line; font-size:13px; color:#666; line-height:20px; font-family: "Nanum Gothic", sans-serif;}
.rule_pac p{font-weight:bold; color:#333; font-size:14px; padding:0 0 8px 0;}

.subpage_title_gray{font-size:14px; font-weight:normal; color:#999; padding:10px 0 0 0; letter-spacing:0px;}
.works_map{text-align:center;}
.works_map img{width:100%; padding:0 0 30px 0;}

.works_sum_unit{padding:0 0 30px 0;}
.works_sum_thumb{position:relative;}
.works_sum_thumb img{width:100%;}
.works_sum_h1{font-size:25px; letter-spacing:-2px; padding:15px 0 10px 0;}
.works_h2{font-size:14px; color:#666; line-height:22px; letter-spacing:-1px;}
.works_h3{font-size:14px; color:#666; line-height:22px; letter-spacing:-1px; padding:15px 0 0 0;}

.oversea_inbox_h1{font-size:25px; color:#fff; position:absolute; top:75px; left:0px; text-align:center; width:100%;}

.magazine_unit{ padding:0 0 30px 0;}
.magazine_thumb{ font-size:0px; border:1px solid #ddd;}
.magazine_thumb img{width:100%;}
.magazine_gray{font-size:14px; padding:15px 0 8px 0; font-weight:bold; color:#09C; text-align:left;}
.magazine_h2{font-size:18px; font-weight:bold; padding:0 0 10px 0; text-align:left;}
.btn_magazine_go{font-size:14px; border:1px solid #ddd; display:inline-block; padding:10px 20px 10px 20px; cursor:pointer;}

.works_summary{font-size:0px; padding:0 0 0px 0;}

.works_tab{font-size:0px; padding:0 0 20px 0;}
.works_tab_unit{ display:inline-block; vertical-align:text-top; width:calc(50% - 3px); font-size:15px; text-align:center; padding:16px 0 15px 0; background-color:#edf3f6; color:#839ba9; font-weight:bold; border-bottom:1px solid #4ba2d3; border-right:1px solid #edf3f6; border-left:1px solid #edf3f6; cursor:pointer;}
.works_tab_unit.on{background-color:#fff; border-bottom:1px solid #fff; border-top:1px solid #4ba2d3; border-left:1px solid #4ba2d3; border-right:1px solid #4ba2d3; color:#4ba2d3;}
.works_category{padding:10px 0 30px 0; text-align:center;}
.w_cate_unit{background-color:#f5f5f5; border:1px solid #b5c5ce; color:#849fae; font-size:14px; display:inline-block; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; padding:12px 18px 12px 18px; letter-spacing:-1px; margin:0 0 10px 0; cursor:pointer;}
.w_cate_unit.on{background-color:#4ba2d3; border:1px solid #4ba2d3; color:#fff;}

.handson_category{padding:20px 0 30px 0; text-align:center;}

.oversea_h1{font-size:30px; letter-spacing:-2px; color:#4ba2d3; padding:0 0 10px 0; text-align:left;}
.oversea_h2{font-size:14px; color:#999; letter-spacing:-1px; line-height:20px; padding:0 0 30px 0;}

.oversea_visual{ padding:0 0 20px 0;}
.oversea_visual img{width:100%;}

.os_num_h1{font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px; padding:10px 0 4px 0;}
.os_num_h2{font-size:15px; color:#999; padding:0 0 20px 0;}

.os_num_box_unit{text-align:center; display:inline-block; vertical-align:text-top; width:30%; margin:0 9px 0 0;}
.os_num_box_unit:nth-child(3){margin:0 0 0 0;}
.os_num_box_unit dt{padding:0 0 0 0; color:#4ba2d3; font-size:14px; font-weight:bold; padding:0px 0 0 0;}
.os_num_box_unit dd{padding:15px 0 5px 0; margin:0 0 0 0; font-size:25px; color:#286c92;}
.oversea_number_pac{padding:0 0 30px 0;}
.oversea_icon img{width:50px;}

.oversea_h3{font-size:22px; color:#39b9b7; letter-spacing:-1px; padding:20px 0 30px 0; text-align:left; font-weight:bold;}
.os_h1{ font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0px 0 10px 0;}
.os_h2{font-size:14px; background:url(../images/dot.png) no-repeat 4px 7px; padding:0 0 5px 17px; line-height:20px; color:#666; letter-spacing:-0.5px;}
.os_h3{padding:8px 0 0px 17px;}
.os_btn_go{font-size:14px; border:1px solid #ddd; color:#666; display:inline-block; padding:10px 0px 10px 15px; cursor:pointer; position:relative; width:calc(100% - 40px);}
.os_h4{font-size:13px; color:#999; padding:0 0 0px 17px;}

.oversea_unit{padding:0 0 30px 0;}

.history_pac{padding:0 0 30px 0; position:relative;}
.history_year{font-size:30px; letter-spacing:-2px; color:#4ba2d3; padding:0 0 20px 0; border-bottom:1px solid #ddd;}
.history_unit{ padding:15px 0 15px 0; border-bottom:1px solid #eee;}
.history_unit dt{font-size:15px; font-weight:bold; padding:0 0 8px 0;}
.history_unit dd{font-size:14px; color:#666; padding:0 0 0 0; margin:0 0 0 0;}
.tree_img img{width:100%;}
.tree_img{padding:20px 0 30px 0;}

.tree_pac{border-top:1px solid #ddd; margin:30px 0 0 0; padding:30px 0 30px 0;}

.staff_unit{ border-top:1px solid #ddd; text-align:left;}
.staff_unit li{ border-bottom:1px solid #ddd; padding:15px 0 15px 0; font-size:0px;}
.staff_unit li dt{font-size:15px; font-weight:bold; padding:0 0 5px 0;}
.staff_unit li dd{font-size:15px; line-height:20px;}

.ci_imgpac{background-color:#fff; text-align:center; border:1px solid #ddd; padding:65px 0 50px 0;}
.ci_imgpac img{width:230px;}
.ci_h1{ text-align:center; font-size:20px; letter-spacing:-0.5px; padding:15px 0 15px 0;}
.ci_h2{font-size:14px; color:#666; letter-spacing:-0.5px; line-height:20px; padding:15px 0 15px 0;}
.ci_h2_last{font-size:14px; color:#666; letter-spacing:-0.5px; line-height:20px; padding:15px 0 40px 0;}
.ci_btn_pac{padding:0 0 30px 0; text-align:center;}
.btn_ci_down{border:1px solid #ddd; text-align:center; color:#999; font-size:15px; padding:12px 0 12px 0; cursor:pointer;}

.ci_color_pac{ font-size:0px; padding:15px 0 10px 0;}
.color_unit{display:inline-block; width:calc(50% - 10px); margin:0 20px 0 0;}
.color_unit:nth-child(2){ margin:0 0 0 0;}
.color_unit:nth-child(4){ margin:0 0 0 0;}
.color_thumb{background-color:#67bdda; color:#fff; font-size:18px; font-weight:bold; padding:20px 20px 80px 20px; border:1px solid #67bdda;}
.color_thumb2{background-color:#4aa3d6; color:#fff; font-size:18px; font-weight:bold; padding:20px 20px 80px 20px; border:1px solid #4aa3d6;}
.color_thumb3{background-color:#fff; color:#4aa3d6; font-size:18px; font-weight:bold; border:1px solid #ddd; padding:20px 20px 80px 20px;}
.color_thumb4{background-color:#898683; color:#fff; font-size:18px; font-weight:bold; padding:20px 20px 80px 20px; border:1px solid #898683;}
.color_info{font-size:13px; padding:10px 0 20px 0; color:#999;}

.cha_imgpac{text-align:center; padding:15px 0 15px 0;}
.cha_imgpac img{width:300px;}

.greeting_box{position:relative; padding:0 0 80px 0;}
.intro_img{z-index:9;}
.intro_img img{width:100%;}
.intro_bluebox{background-color:#4ba2d3; padding:20px; margin:0px 0 0 0; z-index:9999; position:relative;}
.intro_inbox_h1{color:#fff; font-size:18px; letter-spacing:-0.5px; padding:0 0 15px 0;}
.intro_inbox_h2{color:#fff; font-size:13px; letter-spacing:-0.5px; opacity:0.8;}

.introduce_greeting{font-size:16px; letter-spacing:-0.5px; line-height:25px; color:#333; padding:0 0 0px 0; position:relative;}
.introduce_greeting p{padding:0 0 20px 0;}
.greeting_img img{width:100%;}
.greeting_img_02 img{width:100%;}

.intro_inbox_logo{padding:20px 0 0 0;}
.intro_inbox_logo img{width:150px;}

.go_map{ position:absolute; bottom:5px; left:0px; background-color:#fff; border:1px solid #ddd; font-size:15px; color:#666; padding:15px 20px 15px 20px; cursor:pointer;}

.together_thumb img{width:100%;}
.together_unit{ border-bottom:1px solid #ddd; padding:30px 0 0 0;}
.together_info{padding:0px 0 30px 0;}
.together_info dt{font-size:18px; font-weight:bold; padding:20px 20px 20px 20px; background-color:#4ba2d3; color:#fff; display:inline-block; margin:-25px 0 0 0;}
.together_info dt span{font-size:14px; color:#fff; opacity:0.8;}
.together_info dd{font-size:14px; line-height:22px; color:#666; padding:20px 0 0 0;}

.together_h1{font-size:22px; color:#39b9b7; letter-spacing:-1px; padding:30px 0 0px 0; font-weight:bold;}

.volun_thumb img{width:100%;}
.volun_unit{border-bottom:1px solid #ddd; padding:30px 0 30px 0;}

.volun_info dt{font-size:18px; font-weight:bold; color:#61bed8; padding:30px 0 20px 0;}
.volun_info dd{font-size:14px; padding:0 20px 20px 0; color:#666; line-height:22px;}

.handson_tbox{padding:0 0 0px 0; border-bottom:1px solid #ddd; margin:0 0 30px 0;}
.handson_h1{font-size:30px; letter-spacing:-1px; color:#333; padding:0 0 20px 0; position:relative;}
.handson_h2{font-size:14px; color:#666; line-height:21px; padding:0 0 30px 0;}
.handson_h3{font-size:14px; color:#666; line-height:21px; padding:0 0 10px 0; position:relative;}
.handson_h4{ font-size:16px; font-weight:bold; color:#333; padding:0 0 10px 0;}
.handson_h5{font-size:14px; color:#666; padding:0 0 20px 0;}
.handson_thumb img{width:100%;}

.sticker_01{ position:absolute; top:-30px; right:-10px;}
.sticker_01 img{width:130px;}
.sticker_02{position:absolute; top:-70px; right:-10px;}
.sticker_02 img{width:130px;}

.handson_t01{ font-size:20px; font-weight:bold; color:#4ba2d3; padding:0 0 15px 0;}
.handson_t02{font-size:18px; font-weight:bold; color:#7bbbd6;}

.process_list{padding:15px 0 15px 0;}
.process_unit{border:1px solid #ddd; webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; margin:0 0 10px 0; font-size:0px; padding:15px 0 15px 0;}
.process_unit dt{display:inline-block; vertical-align:text-top; font-size:13px; font-weight:bold; color:#85cb8f; width:80px; text-align:center;}
.process_unit dd{display:inline-block; vertical-align:text-top; font-size:14px; font-weight:bold; width:calc(100% - 80px);}
.process_unit dd span{font-size:13px; color:#999; font-weight:normal; width:95px; float:right; text-align:right; padding:0 20px 0 0;}
.process_unit dd span a:link{color:#999;}
.process_unit dd span a:visited{color:#999;}
.process_unit dd span a:active{color:#999;}
.process_unit dd span a:hover{color:#999;}
.process_unit dd span img{ vertical-align:middle; margin:0 0 0 5px;}

.handson_h5 li{position:relative; padding:0 0 15px 35px; line-height:22px;}
.handson_h5 li a:link{color:#ef827b;}
.handson_h5 li a:visited{color:#ef827b;}
.handson_h5 li a:active{color:#ef827b;}
.handson_h5 li a:hover{color:#ef827b;}
.num_tag{background-color:#7bccc5; color:#fff; font-size:14px; font-weight:bold; display:inline-block; webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; position:absolute; top:0px; left:0px; text-align:center; width:27px; line-height:14px; padding:7px 0 5px 0;}
.white_box_add{border:1px solid #ddd; padding:20px; margin:5px 0 15px 0;}
.white_box_add dt{font-size:13px; color:#7bccc5; padding:0 0 10px 0;}
.white_box_add dd{font-weight:bold;}

.handson_visual{ font-size:0px; padding:0 0 30px 0;}
.handson_visual li{display:inline-block; vertical-align:text-top; width:50%;}
.handson_visual li img{width:100%;}

.howto_box{border-bottom:1px solid #ddd; padding:0 0 30px 0; margin:0 0 30px 0;}
.howto_h1{font-size:25px; letter-spacing:-2px; padding:0 0 25px 0;}
.howto_thumb img{width:100%;}
.howto_imgbox{ position:relative;}
.howto_btn_left{position:absolute; top:50%; left:10px; margin:-15px 0 0 0;z-index:99;}
.howto_btn_left img{width:20px;}
.howto_btn_right{position:absolute; top:50%; right:10px; margin:-15px 0 0 0;z-index:99;}
.howto_btn_right img{width:20px;}
.howto_ex{position:absolute; bottom:0px; left:0px; background:url(../images/bg_black.png); color:#fff; font-size:14px; padding:8px 15px 8px 15px; }

.howto_movie_list li{ padding:0 0 15px 0;}
.howto_movie_list li dt{font-size:14px; padding:10px 0 10px 0;}

.action_visual{text-align:center; padding:30px 0 0 0; position:relative; background:url(../images/support_mbg.png) bottom center; height:620px;}
.action_title{padding:10px 0 20px 0;}
.action_title img{width:250px;}
.action_h1{font-size:16px; text-align:center; color:#648293; letter-spacing:-1px; padding:0 0 10px 0px;}
.action_h2{font-size:14px; text-align:center; padding:0 20px 15px 20px; color:#66898d; letter-spacing:-0.5px;}
.action_btn{padding:0 0 20px 0;}
.btn_action_go{background-color:#2c8fc7; color:#fff; font-size:16px; font-weight:bold; display:inline-block; webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; padding:10px 30px 8px 30px; cursor:pointer;}
.btn_action_go a:link{color:#fff;}
.action_vi_img img{width:100%;}

.action_h3{font-size:25px; letter-spacing:-1px; padding:40px 0 30px 0;}
.action_h3 span{font-size:15px; color:#999; padding:10px 0 0 0px; display:inline-block;}

.action_unit{ border-bottom:1px solid #ddd; position:relative; margin:0 0 30px 0;}
.action_list{}
.action_thumb{ position:relative;}
.action_thumb div.action_character{position:absolute; bottom:-30px; right:20px;}
.action_thumb div.action_character img{width:90px;}
.action_thumb img{width:100%;}
.action_unit_info{padding:0 0 15px 0;}
.action_unit_info dt{ font-size:18px; font-weight:bold; color:#2c8fc7; padding:20px 0 10px 0;}
.action_unit_info dt span{font-size:14px; color:#999;}
.action_unit_info dd{font-size:14px; color:#666; padding:0 0 15px 0; line-height:20px;}
.btn_action_gray{border:1px solid #ddd; font-size:14px; display:inline-block; webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; width:120px; text-align:center; padding:10px 0 8px 0; cursor:pointer;}

.faq_go_qna{ padding:0 20px 0 20px; text-align:center;}
.qna_h1{font-size:18px; font-weight:bold; letter-spacing:-0.5px; padding:0 0 10px 0;}
.qna_h2{font-size:14px; color:#999; letter-spacing:-1px; padding:0 0 20px 0;}
.qna_btn_pac{padding:0 0 20px 0;}
.btn_qna_go{background-color:#fe642f; color:#fff; display:inline-block;  font-weight:bold; padding:12px 20px 12px 20px; webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; cursor:pointer;}

.volun_links{padding:15px 0 30px 0; text-align:center;}

.os_icon_img{ position:absolute; bottom:0px;}
.os_icon_img img{width:70px;}
.oc_txt{padding:22px 20px 20px 80px;}

.oversea_info{text-align:center; padding:0 0 20px 0;}
.oversea_info img{width:310px;}

.handson_mv{margin:0 -30px 0 -30px; padding:0 0 30px 0;}
.handson_mv img{width:100%;}

.no_qna{font-size:14px; color:#999; text-align:center; padding:30px 0 30px 0;}
.qna_tag_stay{ padding:0 10px 0 0; width:100px; display:inline-block; color:#F90;}
.qna_tag_done{ padding:0 10px 0 0; width:100px; display:inline-block; color:#21a0e7;}
.qna_reply_t{color:#21a0e7; font-size:15px; font-weight:bold; padding:0 0 10px 0;}
.qna_date{font-weight:normal; color:#999; display:inline-block; font-size:13px; padding:0 0 0 10px;}

.ceo_img{margin:0 0px 0px 0px;}
.ceo_img img{width:300px;}
.ceo_kid_img{position:absolute; bottom:0px; left:-20px; z-index:999999999;}
.ceo_kid_img img{width:250px;}

.ceo_sign{text-align:right;}
.ceo_sign img{padding:10px 0 20px 0;}

.hand_left{display:inline-block; vertical-align:text-top;}
.hand_right{display:inline-block; vertical-align:text-top;}

/* 20200330 */
.report_h1{ font-size:18px; font-weight:bold;}
.report_img_01{ padding:30px 0 0 0;}
.report_img_01 img{width:100%;}
.report_table{border-top:1px solid #CCC; width:100%;}
.report_table th{border-bottom:1px solid #ddd; font-size:14px; text-align:center; padding:10px 0 10px 0; background-color:#f5f5f5;}
.report_table td{border-bottom:1px solid #ddd; font-size:14px; text-align:center; width:50%; padding:10px 0 10px 0;}
.report_h2{padding:30px 0 30px 0;}
.report_h4{font-size:18px; font-weight:bold; padding:30px 0 20px 0; border-bottom:1px solid #CCC;}
.report_down_unit{ border-bottom:1px solid #ddd; padding:15px 0 15px 0; cursor:pointer; font-size:14px;}
.report_down_unit img{width:20px; vertical-align:middle; margin:0 3px 2px 0;}

.sub_title_eng{color:#2c8fc7; font-size:25px; padding:70px 0 0 0; font-weight:bold;}
.sub_title_eng span{color:#fff;}

.eng_h1{font-size:25px; font-weight:bold; color:#2c8fc7; padding:0 0 5px 0;}
.eng_h2{font-size:16px; padding:0 0 20px 0;}
.eng_h2 span{font-weight:bold;}

.eng_work_unit{padding:10px 0 20px 0; font-size:0px;}
.eng_work_thumb img{width:100%;}
.eng_work_h1{font-size:20px; font-weight:bold; color:#2c8fc7; padding:10px 0 10px 0;}
.eng_work_h2{font-size:16px;}

.eng_cont_box{padding:0 15px 40px 15px;}
.eng_numbers{padding:15px 0 0 0;}
.eng_numbers dt{display:inline-block; vertical-align:top; padding:0 10px 0 0;}
.eng_numbers dd{display:inline-block; vertical-align:top; font-size:18px; color:#2c8fc7; padding:5px 30px 0 0;}

.singo_blank{height:100px;}

/* Tablet & Desktop Device */
@media all and (min-width:769px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

/* 메인 그래프 추가 */
.main_graph_pac{ background-color:#3a70d5; padding:30px 0px 30px 0px; text-align:center;}
.graph_img{padding:0 100px 0 30px; width:400px; display:inline-block; vertical-align:top;}
.graph_img img{width:100%;}
.graph_right{display:inline-block; vertical-align:top; text-align:left; width:500px;}
.graph_h1{font-size:22px; color:#fff; padding:100px 0 20px 0;}
.btn_graph_white{background-color:#fff; color:#3a70d5; font-size:18px; border-radius:100px; padding:10px 20px 7px 20px; display:inline-block; cursor:pointer;}

/* 20240704 신고 추가 */
.singo_wrap{width:900px; margin:0 auto;}
.singo_linebox{border:1px solid #ddd; margin:0 0 30px 0; width:898px;}
.singo_left{padding:20px; text-align:center; display:inline-block; width:calc(50% - 40px); vertical-align:top;}
.singo_left img{ width:300px;}
.singo_right{padding:40px 30px 30px 30px; font-size:14px; text-align:center; display:inline-block; vertical-align:top; width:382px; background-color:#f5f5f5; margin:0 0 0 0;}
.btn_singo_go{background-color:#006cb7; color:#fff; font-size:16px; text-align:center; border-radius:100px; padding:10px 20px 10px 20px; display:inline-block; cursor:pointer; margin:15px 0 0 0;}

.singo_index_wrap{padding:0px 0px 90px 0px; width:1280px; margin:0 auto; font-size:0px;}
.singo_index_left{border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px; width:638px; display:inline-block; vertical-align:top;}
.singo_index_right{border-top:1px solid #ddd; border-left:0px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px; width:639px; display:inline-block; vertical-align:top;}
.singo_index_left div.singo_left img{width:200px; margin:20px 0 0 0;}
.singo_index_right div.singo_left img{width:200px; margin:20px 0 0 0;}
.singo_index_left div.singo_right{padding:30px 30px 30px 0px; font-size:13px; text-align:center; display:inline-block; vertical-align:top; width:280px; background-color:#fff; margin:0 0 0 0;}
.singo_index_right div.singo_right{padding:30px 30px 30px 0px; font-size:13px; text-align:center; display:inline-block; vertical-align:top; width:280px; background-color:#fff; margin:0 0 0 0;}


.new_handson_intro{display:inline-block; vertical-align:top; width:410px; margin:0 25px 0 0px; padding:0 0 30px 0;}
.new_handson_intro:nth-child(3){margin:0 0 0 0;}


.eng_cont_box{padding:0 0px 50px 0px; width:1020px; margin:0 auto;}

.eng_work_thumb{display:inline-block; vertical-align:top; width:250px;}
.eng_work_letter{display:inline-block; vertical-align:top; padding:0 0 0 30px; width:calc(100% - 280px);}
.eng_work_h1{font-size:20px; font-weight:bold; color:#2c8fc7; padding:0px 0 10px 0;}


.bottom_box_01_eng{border:1px solid #ddd; padding:20px; position:relative; cursor:pointer; display:inline-block; vertical-align:top; height:150px; width:calc(50% - 42px); text-align:left;}
.bottom_box_01_eng:nth-child(1){border-bottom:1px solid #ddd; border-right:0px;}
.eng_bottom_info{width:1200px; margin:0 auto;}


.mv_slide_17{text-align:center; background:url(../images/main_visual_32.png) center no-repeat; height:550px;}
.mv_slide_17 img{padding:60px 0 0 0; width:550px;}

.mv_slide_18{text-align:center; background:url(../images/main_visual_18.png) center no-repeat; height:550px;}
.mv_slide_18 img{padding:60px 0 0 0; width:550px;}

.mv_slide_19{text-align:center; background:url(../images/main_visual_19.png) center no-repeat; height:550px;}
.mv_slide_19 img{padding:60px 0 0 0; width:550px;}

.mv_slide_20{text-align:center; background:url(../images/main_visual_20.png) center no-repeat; height:550px;}
.mv_slide_20 img{padding:60px 0 0 0; width:550px;}

.mv_slide_21{text-align:center; background:url(../images/main_visual_21.png) center no-repeat; height:550px;}
.mv_slide_21 img{padding:60px 0 0 0; width:550px;}

.mv_slide_22{text-align:center; background:url(../images/main_visual_22.png) center no-repeat; height:550px;}
.mv_slide_22 img{padding:60px 0 0 0; width:550px;}

.mv_slide_23{text-align:center; background:url(../images/main_visual_23.png) center no-repeat; height:550px;}
.mv_slide_23 img{padding:60px 0 0 0; width:550px;}

.mv_slide_24{text-align:center; background:url(../images/main_visual_24.png) center no-repeat; height:550px;}
.mv_slide_24 img{padding:60px 0 0 0; width:550px;}

.mv_slide_25{text-align:center; background:url(../images/main_visual_25.png) center no-repeat; height:550px;}
.mv_slide_25 img{padding:60px 0 0 0; width:550px;}

.mv_slide_27{text-align:center; background:url(../images/main_visual_27.png) center no-repeat; height:550px;}
.mv_slide_27 img{padding:60px 0 0 0; width:550px;}

.mv_slide_30{text-align:center; background:url(../images/main_visual_30.png) center no-repeat; height:550px;}
.mv_slide_30 img{padding:60px 0 0 0; width:550px;}

.mv_slide_31{text-align:center; background:url(../images/main_visual_31.png) center no-repeat; height:550px;}
.mv_slide_31 img{padding:60px 0 0 0; width:550px;}



/* 20200330 */
.report_pac{font-size:0px; border-bottom:1px solid #ddd; padding:0 0 30px 0; margin:0 0 30px 0;}
.report_h1{ font-size:18px; font-weight:bold;}
.report_img_01{ padding:30px 0 0 0;}
.report_img_01 img{width:90%;}
.report_table{border-top:1px solid #CCC; width:100%;}
.report_table th{border-bottom:1px solid #ddd; font-size:14px; text-align:center; padding:10px 0 10px 0; background-color:#f5f5f5;}
.report_table td{border-bottom:1px solid #ddd; font-size:14px; text-align:center; width:50%; padding:10px 0 10px 0;}
.report_h2{padding:105px 0 30px 60px;}
.report_left{display:inline-block; vertical-align:text-top; width:49%;}
.report_right{display:inline-block; vertical-align:text-top; width:49%;}


.hand_left{display:inline-block; vertical-align:text-top; width:300px; font-size:0px;}
.hand_right{display:inline-block; vertical-align:text-top; width:300px; font-size:0px;}

.ceo_sign{text-align:right; width:500px;}
.ceo_sign img{padding:10px 0 50px 0;}

.ceo_img{margin:0 0 0px 0; position:absolute; bottom:0px; right:80px;}
.ceo_img img{width:480px;}

.ceo_kid_img{position:absolute; bottom:0px; left:510px; z-index:999999999;}
.ceo_kid_img img{width:420px;}

.h_noti_box{border:1px solid #eee; width:1086px; padding:30px 0 30px 0; margin:0 auto;}
.handson_comment{padding:0 0 0 0px; margin:0 auto; width:610px;}

.sticker_01{ position:absolute; top:100px; right:50px;}
.sticker_01 img{width:auto;}
.sticker_02{position:absolute; top:20px; right:40px;}
.sticker_02 img{width:auto;}

.handson_h5 span{display:block;}

.handson_mv{margin:0 0px 0 0px; padding:0 0 30px 0;}

.oversea_info img{width:auto;}

.os_btn_go{font-size:14px; border:1px solid #ddd; color:#666; display:inline-block; padding:10px 0px 10px 15px; cursor:pointer; position:relative; width:300px;}
.oc_txt{padding:22px 20px 20px 90px;}

.sub_m_title{ color:#4ba2d3; font-size:16px; display:inline-block;}
.pc_sub_m_unit li.sub_m_title a:link{color:#4ba2d3;}
.pc_sub_m_unit li.sub_m_title a:visited{color:#4ba2d3;}
.pc_sub_m_unit li.sub_m_title a:active{color:#4ba2d3;}
.pc_sub_m_unit li.sub_m_title a:hover{color:#4ba2d3;}
.logo img{width:160px;}

.action_unit{ border-bottom:1px solid #ddd; position:relative; margin:0 0 30px 0; padding:0 0 30px 0;}
.action_thumb{ position:relative; width:450px; display:inline-block; vertical-align:text-top;}
.action_thumb div.action_character{position:absolute; bottom:105px; right:-200px;}
.action_thumb div.action_character img{width:150px;}
.action_thumb img{width:450px;}
.action_unit_info{padding:20px 0 15px 230px; display:inline-block; vertical-align:text-top; width:500px;}
.action_unit_info dt{ font-size:25px; font-weight:bold; color:#2c8fc7; padding:20px 0 10px 0; letter-spacing:-2px;}
.action_unit_info dd{font-size:14px; color:#666; padding:0 0 15px 0; line-height:25px;}


.action_h3 span{font-size:15px; color:#999; padding:0 0 0 10px;}

.action_visual{text-align:left; padding:30px 0 0 0; position:relative; background:url(../images/support_visual.png); height:553px;}
.action_info{ text-align:left; position:absolute; top:150px; left:650px;}
.action_vi_img img{width:auto;}
.action_title{padding:0 0 30px 0;}
.action_title img{width:auto;}
.action_h1{font-size:24px; text-align:left; color:#648293; letter-spacing:-1px; padding:0 0 10px 52px;}
.action_h2{font-size:14px; text-align:left; padding:0 0 30px 52px; letter-spacing:-0.5px;}
.action_h2 span{display:block;}
.action_btn{padding:0 0 20px 52px;}


.howto_box{font-size:0px; padding:0 0 50px 0; margin:0 0 50px 0;}
.howto_h1{font-size:30px; letter-spacing:-2px; padding:0 0 25px 0; display:inline-block; vertical-align:text-top; width:480px;}
.howto_imgbox{display:inline-block; vertical-align:text-top; width:800px;}
.howto_btn_left{position:absolute; top:50%; left:20px; margin:-20px 0 0 0;}
.howto_btn_left img{width:30px;}
.howto_btn_right{position:absolute; top:50%; right:20px; margin:-20px 0 0 0;}
.howto_btn_right img{width:30px;}

.howto_movie_list{ font-size:0px;}
.howto_movie_list li{ padding:0 0 15px 0; display:inline-block; vertical-align:text-top; width:400px; margin:0 40px 0 0;}
.howto_movie_list li:nth-child(3){ margin:0 0 0 0;}
.howto_movie_list li:nth-child(6){ margin:0 0 0 0;}
.howto_movie_list li:nth-child(9){ margin:0 0 0 0;}

.handson_visual{padding:30px 0 50px 0;}
.handson_visual li{display:inline-block; vertical-align:text-top; width:25%;}

.white_box_add dt{font-size:13px; color:#7bccc5; padding:0 0 0px 10px;}
.white_box_add dd{padding:0 0 0 10px;}

.process_unit{border:1px solid #ddd; webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; margin:0 0 10px 0; font-size:0px; padding:24px 0 24px 0;}
.process_unit dt{display:inline-block; vertical-align:text-top; font-size:14px; font-weight:bold; color:#85cb8f; width:150px; text-align:center;}
.process_unit dd{display:inline-block; vertical-align:text-top; font-size:16px; font-weight:bold; width:calc(100% - 150px);}
.process_unit dd span{font-size:13px; color:#999; font-weight:normal; width:100px; float:right; text-align:right; padding:0 60px 0 0;}


.handson_t01{ font-size:23px; font-weight:bold; color:#4492b3; padding:0 0 15px 0;}
.handson_t02{font-size:18px; font-weight:bold; color:#7bbbd6;}
.handson_left{ display:inline-block; vertical-align:text-top; width:610px; margin:0 -4px 0 0; padding:0 30px 10px 0;}
.handson_right{ display:inline-block; vertical-align:text-top; width:610px; margin:0 -4px 0 0; padding:0 0 10px 30px;}

.handson_category{padding:40px 0 30px 0; text-align:center;}

.handson_tbox{font-size:0px; padding:15px 0 0 0;}
.handson_h1{ display:inline-block; vertical-align:text-top; width:350px;}
.handson_h2{display:inline-block; vertical-align:text-top; width:450px; padding-right:150px; font-size:14px; line-height:29px;}
.handson_h3{display:inline-block; vertical-align:text-top; width:880px; padding-right:0px; font-size:14px; line-height:29px;}
.handson_thumb{display:inline-block; vertical-align:text-top; width:calc(100% - 950px);}



.volunteer_list{font-size:0px;}
.volun_unit{border-bottom:0px solid #ddd; padding:30px 0 30px 0; display:inline-block; vertical-align:text-top; width:400px; margin:0 40px 0 0;}
.volun_unit:nth-child(3){ margin:0 0 0 0;}
.volun_unit:nth-child(6){ margin:0 0 0 0;}

.together_unit{ border-bottom:1px solid #ddd; padding:30px 0 30px 0;}
.together_thumb{display:inline-block; vertical-align:text-top; width:600px;}
.together_info{padding:25px 0 30px 40px; display:inline-block; vertical-align:text-top; width:calc(100% - 750px);}
.together_info dt{font-size:18px; font-weight:bold; padding:30px 50px 30px 50px; background-color:#4ba2d3; color:#fff; display:inline-block; margin:30px 0 0 -120px; min-width:350px;}
.together_info dd{font-size:14px; line-height:22px; color:#666; padding:40px 0 0 0;}

.map_info{font-size:0px; width:100%;}
.box_left{display:inline-block; vertical-align:text-top; width:50%;}
.box_right{display:inline-block; vertical-align:text-top; width:50%;}

.intro_img{margin:-380px 0 0 0;}
.intro_img img{width:50%;}
.intro_bluebox{background-color:#4ba2d3; padding:50px 60px 50px 60px; margin:0px 0 0 50%; z-index:9999; position:relative; height:370px;}
.intro_inbox_h1{color:#fff; font-size:25px; letter-spacing:-0.5px; padding:0 0 15px 0;}
.intro_inbox_h2{color:#fff; font-size:20px; letter-spacing:-0.5px; opacity:0.8;}
.intro_inbox_logo{padding:100px 0 5px 0;}
.intro_inbox_logo img{width:200px;}
.introduce_greeting{font-size:17px; letter-spacing:-0.5px; line-height:27px; color:#333; padding:30px 0 30px 150px; position:relative;}
.introduce_greeting span{display:block;}
.greeting_img{ margin:30px 0 0 -100px; padding:0 0 30px 0;}
.greeting_img img{width:800px;}
.greeting_img_02{text-align:center;}
.greeting_img_02 img{width:600px;}

.ceo_sign img{vertical-align:text-top;}
.ceo_sign_t{display:inline-block; vertical-align:text-top; padding:30px 20px 0 0;}




.ci_h1{ text-align:center; font-size:30px; letter-spacing:-0.5px; padding:15px 0 30px 0;}
.ci_imgpac{background-color:#fff; text-align:center; border:1px solid #ddd; padding:120px 0 110px 0;}
.ci_imgpac img{width:450px;}
.ci_h2{font-size:14px; color:#666; letter-spacing:-0.5px; line-height:25px; padding:35px 0 35px 0; text-align:center; white-space:pre-line;}
.ci_h2_last{font-size:14px; color:#666; letter-spacing:-0.5px; line-height:20px; padding:15px 0 60px 0; text-align:center; white-space:pre-line;}
.btn_ci_down{border:1px solid #ddd; text-align:center; color:#999; font-size:15px; padding:12px 30px 12px 30px; cursor:pointer; display:inline-block;}
.color_unit{display:inline-block; width:calc(25% - 15px); margin:0 20px 0 0;}
.color_unit:nth-child(2){ margin:0 20px 0 0;}
.color_unit:nth-child(4){ margin:0 0 0 0;}
.ci_color_pac{ font-size:0px; padding:15px 0 30px 0;}
.ci_btn_pac{padding:0 0 40px 0; text-align:center;}

.cha_imgpac{text-align:center; padding:30px 0 30px 0;}
.cha_imgpac img{width:1100px;}


.tree_pac{border-top:1px solid #ddd; margin:30px 0 0 0; padding:30px 0 60px 0; text-align:center;}
.staff_unit li dt{font-size:15px; font-weight:bold; padding:0 0 0px 17px; display:inline-block; vertical-align:text-top; width:328px;}
.staff_unit li dd{font-size:15px; line-height:20px; display:inline-block; vertical-align:text-top;}

.tree_img img{width:auto;}

.history_pac{padding:0 0 50px 0; position:relative;}
.history_year{font-size:50px; letter-spacing:-2px; color:#4ba2d3; padding:5px 0 20px 0; border-bottom:0px solid #ddd; position:absolute; top:0px; left:0px; border-top:1px solid #4ba2d3; width:300px;}
.history_unit{ padding:20px 0 20px 0; border-bottom:1px solid #eee; margin:0 0 0 300px; font-size:0px;}
.history_unit:nth-child(1){border-top:1px solid #ddd;}
.history_unit dt{font-size:15px; font-weight:bold; padding:0 0 0px 30px; display:inline-block; vertical-align:text-top; width:170px;}
.history_unit dd{font-size:14px; color:#666; padding:0 0 0 0; margin:0 0 0 0; display:inline-block; vertical-align:text-top; width:calc(100% - 200px);}



.oversea_left{display:inline-block; vertical-align:text-top; vertical-align:text-top; margin:0 -4px 0 0; width:calc(50% - 50px); padding:0 50px 30px 0px;}
.oversea_right{display:inline-block; vertical-align:text-top; vertical-align:text-top; margin:0 -4px 0 0; width:50%;}

.oversea_h3{font-size:22px; color:#39b9b7; letter-spacing:-1px; padding:30px 0 30px 0;}
.works_tab{font-size:0px; padding:60px 0 20px 0;}

.oversea_upcont{position:relative;}
.oversea_visual{ padding:30px 0 20px 0;}
.oversea_visual img{width:auto;}
.oversea_number_pac{padding:0 0 30px 0; width:660px; text-align:right; position:absolute; top:0px; right:0px;}
.os_num_box_unit dt{padding:0 0 0 0; color:#4ba2d3; font-size:20px; font-weight:bold; padding:0px 0 0 0;}
.os_num_box_unit dd{padding:15px 0 10px 0; margin:0 0 0 0; font-size:40px; color:#286c92;}
.os_num_h1{font-size:22px; font-weight:bold; color:#333; letter-spacing:-1px; padding:80px 0 4px 0;}
.oversea_icon{padding:45px 0 0 0;}
.oversea_icon img{width:80px;}

.oversea_h2 span{display:block;}

.magazine_list{font-size:0px;}
.magazine_unit{ padding:0 0 40px 0; width:287px; display:inline-block; margin:0 42px 0 0; vertical-align:text-top;}
.magazine_unit:nth-child(4){ margin:0 0 0 0;}
.magazine_unit:nth-child(8){ margin:0 0 0 0;}
.magazine_unit:nth-child(12){ margin:0 0 0 0;}


.works_sum_unit{padding:0 0 0px 0; width:287px; display:inline-block; vertical-align:text-top; margin:0 44px 0 0;}
.works_sum_unit:nth-last-child(1){ margin:0 0 0 0;}
.works_map img{width:auto; padding:0 0 30px 0;}

.rule_pac{padding:0px 20px 30px 20px; white-space:pre-line; font-size:13px; color:#666; line-height:20px;}

.faq_open{font-size:14px; padding:30px 110px 30px 110px; line-height:23px; white-space:pre-line; border-bottom:1px solid #ddd;}

.board_unit2{font-size:0px;}
.write_dt{font-size:14px; font-weight:bold; padding:12px 0 10px 0; display:inline-block; vertical-align:text-top; width:250px;}
.write_dd{font-size:14px; display:inline-block; vertical-align:text-top; width:calc(100% - 250px);}
.write_dd span{font-size:14px; font-weight:bold; padding:11px 0 11px 0; display:inline-block;}

.right_btn_pac{ text-align:right; padding:0 0 30px 0; width:1280px; margin:0 auto;}

.board_file dt{font-size:13px; font-weight:bold; display:inline-block; width:110px; vertical-align:text-top; margin:0 0 0 0; padding:0 0 0 0; text-align:center;}
.board_file dd{font-size:13px; display:inline-block; width:calc(100% - 110px); vertical-align:text-top; margin:0 0 0 0; padding:0 0 0 0;}

.board_searchpac{text-align:center; padding:0px 0 60px 0;}

.side_menu_list{ display:block; table-layout:initial; white-space:nowrap; font-size:0px; text-align:center;}
.side_menu_list li{ display:inline-block; text-align:center; font-size:16px; min-width:90px; font-weight:bold; color:#666; letter-spacing:-0.5px; padding:20px 13px 20px 13px; cursor:pointer;}
.side_menu_list li.on{border-bottom:3px solid #318cbf; color:#318cbf; padding:20px 13px 17px 13px;}


.sub_cont_wrap{ padding:0px; width:1280px; margin:0 auto;}
.sub_cont_wrap2{ padding:0px 0 0px 0; width:1280px; margin:0 auto;}
.sub_cont_wrap3{ padding:0px 0 30px 0; width:1280px; margin:0 auto;}

.sub_visual_01 img{padding:53px 8px 0 0; width:500px;}
.sub_visual_02 img{padding:53px 8px 0 0; width:500px;}
.sub_visual_03 img{padding:53px 8px 0 0; width:500px;}
.sub_visual_04 img{padding:53px 8px 0 0; width:500px;}
.sub_visual_05 img{padding:53px 8px 0 0; width:500px;}
.sub_visual_06 img{padding:53px 8px 0 0; width:500px;}

.links_01{ font-size:18px; font-weight:bold; text-align:left; padding:0 0 25px 0;}
.links_more{ position:absolute; top:0px; right:0px; font-size:14px;}
.links_unit {display:inline-block; width:160px; padding:0 5px 0 5px;}
.links_unit img{width:auto;}

.main_handson_pac{ background-color:#a7d676; padding:30px 30px 0 30px; text-align:left;}
.btn_handon_white{background-color:#fff; color:#97c765; display:inline-block; line-height:45px; font-weight:bold; padding:0 25px 0 25px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; position:absolute; top:43px; right:42px; cursor:pointer;}
.m_handson_img{ padding:20px 0 0 0; position:absolute; bottom:0px; right:250px; margin:0 0 0 0;}
.m_handson_img img{width:490px; padding:0 0 0px 0; margin:0 0 0 0;}
.m_handson_h1{font-size:30px; color:#fff; letter-spacing:-2px; padding:15px 0 15px 0;}
.m_handson_h2{font-size:15px; color:#fff; padding:0 0 55px 0;}

.m_notice_h1{font-size:18px; font-weight:bold; padding:10px 0 25px 10px;}
.m_notice_h1 span{position:absolute; top:30px; right:30px; font-size:13px; font-weight:normal; color:#999;}
.m_notice_list li{padding:0 0 18px 10px;}
.m_notice_list li dt{padding:0 0 0 0; margin:0 0 0 0; font-size:16px; line-height:18px; display:inline-block; width:507px;}
.m_notice_list li dd{padding:0 0 0 0; margin:0 0 0 0; font-size:14px; color:#999; display:inline-block; text-align:right;}
.bottom_h1{ font-size:17px; color:#4ba2d3; padding:10px;}
.bottom_h2{ font-size:29px; color:#666; padding:10px 0 0px 90px;}
.bottom_h3{font-size:14px; color:#999; padding:0 0 0 90px;}
.bottom_h4{font-size:14px; color:#666; line-height:20px; padding:4px 0 7px 90px;}
.bottom_h5{font-size:18px; padding:5px 0 5px 90px;}
.bottom_h6{font-size:14px; color:#999; padding:0 0 0 90px;}
.bottom_img{position:absolute; top:65px; left:40px;}
.bottom_img img{width:60px;}


.bottom_pac{ padding:70px 0 70px 0; text-align:center; font-size:0px;}
.bottom_notice_box{border:1px solid #ddd; padding:20px; width:600px; display:inline-block; vertical-align:text-top; height:271px; font-size:14px;}
.bottom_other{ display:inline-block; vertical-align:text-top; width:640px; text-align:left; height:310px;}
.bottom_box_01{border-left:0px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; display:inline-block; width:278px; font-size:14px; border-top:1px solid #ddd; height:115px; vertical-align:text-top;}
.bottom_box_01:nth-child(1){border-bottom:0px;}
.bottom_box_01:nth-child(2){border-bottom:0px;}



.main_works_pac{ background:url(../images/main_works_bg.png) no-repeat center; background-attachment:fixed; text-align:center; padding:120px 30px 120px 30px;}
.works_blue_box{background:url(../images/bg_blue.png); text-align:center; padding:50px 30px 50px 30px; width:900px; margin:0 auto;}
.works_info_box{padding:0 0 0px 0; position:relative; display:inline-block; vertical-align:text-top; width:400px; text-align:left; border-right:1px solid #a5c9dc; margin:0 20px 0 20px;}
.works_info_box:nth-child(2){border-right:0px;}
.works_img{position:absolute; top:0px; right:40px;}
.works_img img{width:auto;}
.works_h1{color:#fff; font-size:35px; letter-spacing:-2px; padding:0 0 25px 0;}
.works_list{padding:25px 0 0px 0; font-size:16px;}
.works_list li{padding:0 0 10px 0;}

.main_support_unit{ display:inline-block; margin:0 5px 0 5px; padding:20px 8px 35px 8px; font-size:24px;}
.main_support_unit img{width:auto; padding:0 0 20px 0;}

.main_support_unit_eng{ display:inline-block; margin:0 5px 0 5px; padding:20px 8px 35px 8px; font-size:24px; width:280px;}
.main_support_unit_eng img{width:auto; padding:0 0 20px 0;}

.main_story_pac{ background-color:#f2f2f2; text-align:center; padding:56px 20px 80px 20px;}
.main_story_unit{background-color:#fff; display:inline-block; cursor:pointer; width:387px; margin:0 28px 0 28px; vertical-align:text-top;}
.main_story_info{text-align:left; padding:30px;}

.footer{background-color:#eaeff1; text-align:center; padding:0px 0px 30px 0px;}
.foot_menu{ padding:22px 0 22px 0; border-bottom:1px solid #ced8db; text-align:left;}
.foot_menu li{padding:0 15px 0px 0; font-size:13px; display:inline-block;}
.foot_menu li a:link{color:#637077;}
.foot_menu li a:visited{color:#637077;}
.foot_menu li a:active{color:#637077;}
.foot_menu li a:hover{color:#637077;}
.foot_sns{padding:0px 0 10px 0; position:absolute; top:-7px; right:0px;}
.foot_info{color:#848f94; font-size:12px; letter-spacing:-0.5px; padding:30px 20px 10px 0px; text-align:left;}
.foot_info span{padding:0 10px 5px 0px; display:inline-block;}
.foot_copy{ color:#aeb6ba; letter-spacing:0px; font-size:12px; padding:0 0 20px 0; text-align:left;}
.foot_img{padding:30px 0 0 0; position:absolute; top:0px; right:0px;}

.foot_wrap{width:1280px; margin:0 auto; position:relative;}

.mv_slide_01{text-align:center; background:url(../images/main_visual_01.png) center no-repeat; height:550px;}
.mv_slide_01 img{padding:140px 0 0 0; width:auto;}
.mv_slide_01 p{font-size:16px; color:#fff; padding:30px 0 0px 0;}
.mv_slide_01 p span{display:inline-block;}

.mv_slide_02{text-align:left; background:url(../images/main_vi_04_bg.png) center no-repeat; height:550px; text-align:center;}
.mv_slide_02 img{padding:100px 0px 0px 0px; width:650px;}
.mv_slide_02 p{font-size:16px; color:#fff; padding:1px 0 1px 0;}
.mv_slide_02 p span{display:block; color:#fff;}
.mv_slide_02 p div.main_block{display:block; color:#fff;}
.main_block span{color:#fff; display:inline-block; padding:0px 0 0px 100px;}

.mv_slide_03{text-align:center; background:url(../images/main_visual_05.jpg) center no-repeat; height:550px;}
.mv_slide_03 img{padding:60px 0 0 0; width:auto;}
.mv_slide_03 p{font-size:16px; color:#fff; padding:30px 0 0px 0;}
.mv_slide_03 p span{display:inline-block;}

.mv_slide_06{text-align:center; background:url(../images/main_visual_08_bg_newnew.png) center no-repeat; height:550px;}
.mv_slide_06 img{padding:50px 0 0 0; width:auto;}

.mv_slide_07{text-align:center; background:url(../images/main_visual_09.png) center no-repeat; height:550px;}
.mv_slide_07 img{padding:50px 0 0 0; width:auto;}

.mv_slide_10{text-align:center; background:url(../images/main_visual_10.png) center no-repeat; height:550px;}
.mv_slide_10 img{padding:60px 0 0 0; width:auto;}

.mv_slide_11{text-align:center; background:url(../images/main_visual_11.png) center no-repeat; height:550px;}
.mv_slide_11 img{padding:60px 0 0 0; width:auto;}

.mv_slide_12{text-align:center; background:url(../images/main_visual_12.png) center no-repeat; height:550px;}
.mv_slide_12 img{padding:60px 0 0 0; width:auto;}

.mv_slide_13{text-align:center; background:url(../images/main_visual_13.png) center no-repeat; height:550px;}
.mv_slide_13 img{padding:60px 0 0 0; width:550px;}

.mv_slide_14{text-align:center; background:url(../images/main_visual_14.png) center no-repeat; height:550px;}
.mv_slide_14 img{padding:0px 0 0 0; width:669px;}

.mv_slide_15{text-align:center; background:url(../images/main_visual_15.png) center no-repeat; height:550px;}
.mv_slide_15 img{padding:60px 0 0 0; width:550px;}

.mv_slide_16{text-align:center; background:url(../images/main_visual_16.png) center no-repeat; height:550px;}
.mv_slide_16 img{padding:60px 0 0 0; width:450px;}

.mv_slide_26{text-align:center; background:url(../images/main_visual_26.png) center no-repeat; height:550px;}
.mv_slide_26 img{padding:60px 0 0 0; width:550px;}

.btn_go_main_white2{border:1px solid #fff; display:inline-block; color:#fff; line-height:45px; padding:0 30px 0 30px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background:url(../images/bg_white.png); cursor:pointer; margin:25px 0 0 100px;}


.gototop{position: fixed; bottom:40px; right:40px; z-index:99999999;}
.gototop img{width:120px; padding:4px 0 0 0;}

.pc_mm_pac{width:585px; margin:0 auto; text-align:left;}

.pc_sub_menu_pac{background-color:#fff; border-top:1px solid #ddd; margin:26px 0 0 0; text-align:center; position:relative;}
.pc_sub_m_unit{ text-align:left; display:inline-block; vertical-align:text-top; padding:20px 0 15px 0; font-size:13px; letter-spacing:-0.5px; z-index:99999;}
.pc_sub_m_unit:nth-child(1){ width:94px; margin:0 0 0 14px;}
.pc_sub_m_unit:nth-child(2){ width:93px;}
.pc_sub_m_unit:nth-child(3){ width:132px;}
.pc_sub_m_unit:nth-child(4){ width:100px;}
.pc_sub_m_unit:nth-child(5){ width:114px;}
.pc_sub_m_unit:nth-child(6){ width:117px;}
.pc_sub_m_unit li{padding:0 0 5px 0;}
.pc_sub_m_unit li a:link{color:#666;}
.pc_sub_m_unit li a:visited{color:#666;}
.pc_sub_m_unit li a:active{color:#666;}
.pc_sub_m_unit li a:hover{color:#333;}

.pc_sub_mt{ font-weight:bold;}
li.topmar{margin:10px 0 0 0;}

.gogo_support{ position:absolute; bottom:0px; left:50%; width:250px; z-index:0; margin:0 0px -10px -85px;}
.gogo_support div{display:inline-block; vertical-align:text-top; text-align:left;}
.gogo_support div p{ font-size:25px; color:#2c8fc7; text-align:left; padding:20px 0 10px 0;  font-family: 'BMJUA'; font-weight:normal;}
.btn_go_gray{background-color:#d3dade; color:#fff; display:inline-block; cursor:pointer; font-size:14px; padding:8px 12px 6px 12px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;}


.head_go_support{background-color:#318cbf; display:inline-block; height:80px; color:#fff; font-size:20px; line-height:80px; text-align:center; width:200px; cursor:pointer; margin:0 0 0 0; }
.head_go_support a:link{color:#fff; }
.head_go_support a:visited{color:#fff; }
.head_go_support a:active{color:#fff; }
.head_go_support a:hover{color:#fff; }

.head_wrap{position:relative;}

.clinic_pac{border-bottom:1px solid #ddd; padding:50px 0 50px 0;}

.clinic_wrap{ width:1024px; margin:0 auto; padding:0 0 70px 0;}
.sub_tab_wrap{width:1024px; margin:0 auto; padding:50px 0 50px 0;}
.tab_style td span{display:inline-block;}
.tab_style td{width:25%; padding:15px 0 15px 0; cursor:pointer; font-size:15px;}

.clinic_h1{font-size:20px; letter-spacing:-1px; padding:0 0 0px 0;}
.clinic_h1 span{display:block;}
.clinic_h3 span{display:block;}

.clinic_unit{display:inline-block; width:324px; vertical-align:text-top; height:192px; margin:0 20px 20px 0;}
.clinic_unit:nth-child(3){ margin:0 -4px 0 0;}
.clinic_unit:nth-child(6){ margin:0 -4px 0 0;}
.clinic_unit:nth-child(9){ margin:0 -4px 0 0;}
.clinic_unit img{width:auto;}
.ex_title{background-color:#eeeeee; font-size:20px; padding:25px; width:274px; height:142px;}



.intro_end_pac{background-color:#f2ede7; padding:80px 20px 40px 20px; text-align:center;}
.profile_img{display:inline-block; vertical-align:text-top;}
.profile_img img{width:auto; padding:0 0 40px 0;}
.profile_info{display:inline-block; vertical-align:text-top; padding:5px 0 0 50px; width:405px;}

.introduce_pac{padding:50px 0 30px 0; width:1024px; margin:0 auto;}
.intro_h1 img{width:auto;}
.intro_h2 span{display:block;}
.intro_img_pac{padding:20px 0 20px 0;}
.intro_img_unit img{width:auto; padding:0 0 10px 0;}
.intro_img_unit{display:inline-block; vertical-align:text-top; padding:0 23px 0 0;}
.intro_img_unit:nth-child(3){padding:0 0 0 0;}
.intro_h3{font-size:14.5px; line-height:25px; padding:20px 0 20px 0; text-align:center;}
.intro_h3 span{display:block;}

.intro_bottom_pac{background:url(../images/intro_bg.png) top left; padding:0 0 100px 0;}
.intro_inbox{padding:150px 0 0 480px;}
.intro_h6{text-align:left; padding:0 10px 30px 0;}
.intro_h4 img{width:auto;}


.gallery_view{}
.gall_view_img img{width:auto;}
.gallery_view{position:relative; top:50%; margin:-300px 0 0 0;}
.gall_btn_pac{position:relative; text-align:center; width:1024px; margin:0 auto; top:280px;}
.gall_btn_next{display:inline-block; padding:0 10px 0 10px; position:absolute; right:-80px;}
.gall_btn_pre{display:inline-block; padding:0 10px 0 10px; position:absolute; left:-80px;}


.map_wrap{text-align:center;}

.map_bottom{text-align:left; display:inline-block; vertical-align:text-top; width:400px; padding-left:60px;}
.map_img{text-align:center; display:inline-block; vertical-align:text-top; position:relative;}
.map_img img{ border:1px solid #ddd;}


.gallery_list{font-size:0px;}
.gallery_unit{ padding:0 0px 0px 0px; display:inline-block; width:400px; margin:0 40px 0 0px; vertical-align:text-top;}
.gallery_unit:nth-child(3){margin:0 0 40px 0;}
.gallery_unit:nth-child(6){margin:0 0 40px 0;}

.gallery_bottom img{width:600px; margin:0 0 -1px 0;}

.sub_slide_01 img{width:auto; padding:75px 0 0 0;}
.sub_slide_02 img{width:auto; padding:75px 0 0 0;}
.sub_slide_03 img{width:auto; padding:75px 0 0 0;}
.sub_slide_04 img{width:auto; padding:75px 0 0 0;}


.main_bottom{padding:80px 0 80px 0;}
.main_bottom img{width:auto;}
.m_bottom_unit{display:inline-block; margin:0 0 0 0; padding:0 0 0 0;}

.main_go_unit{ display:inline-block; padding:0 5px 20px 5px;}
.main_go_unit img{width:auto;}

.mv_page{ position:absolute; top:220px; right:20px;}
.mv_page img{display:block; padding:0 0 8px 0;}

.rule{padding:20px 0 20px 0; width:1200px; margin:0 auto;}

.history_detail_pac{padding:0 20px 0 20px; width:1024px; margin:0 auto;}
span.order_add{ margin:0px 10px 0 0; font-weight:bold; display:inline-block;}

/* cart  */
span.cart_go{font-size:12px; display:block; padding:4px 0 15px 0; position:absolute; top:45px; right:0px;}
span.cart_t{font-size:14px; display:block; padding:15px 0 3px 0; }
.cart_option_pac{margin:35px 0 17px 0; border-bottom:1px dotted #ddd;}

.point_now{width:200px; border-bottom:2px solid #666; margin:0px auto 0px; padding:40px 0 10px 0; position:relative; text-align:right; font-weight:bold; font-size:30px; font-family: 'Fjalla One', sans-serif; color:#d38150;}
span.point_now_t{position:absolute; top:52px; left:0px; font-size:13px; color:#999;}

/* my modify */
.order_unit dt{display:inline-block; font-size:13px; padding:0 0 4px 0; vertical-align:middle; width:220px;}
.order_unit dd{display:inline-block; margin:0px; padding:0 0 4px 0; font-size:13px; vertical-align:middle; width:calc(100% - 227px);}

.address_info{padding:0px 0px 10px 0px; width:1024px; margin:0 auto;}
.review_write_pac{ padding:0 0px 0 0px; width:1024px; margin:0 auto;}

/* review */
.review_sort{width:1024px; margin:0 auto; padding:40px 0 30px 0;}
.review_thumb_new img{width:100px; height:100px;}
.review_info{padding:0 0 0 130px;}
.review_new_unit{ border-bottom:1px solid #eee; position:relative; padding:30px 0 30px 0;}
.review_all_pac{ padding:0 0px 30px 0px; width:1024px; margin:0 auto;}


/* board */

.qna_box{padding:0px 20px 0 20px; width:1024px; margin:0 auto }
.btn_box{padding:5px 0 50px 0; width:285px; margin:0 auto; }

/* magazine */
.magazine_view_pac{padding:20px 0 20px 0; width:1024px; margin:0 auto;}


/* search */
.search_cont{width:1300px; margin:0 auto;}
.search_h1{font-size:14px; border-bottom:1px solid #ddd; font-weight:bold; padding:0 0 10px 0; color:#999; width:1200px; margin:0 auto;}
.search_point_style{font-size:14px; border-top:0px; border-left:0px; border-right:0px; border-bottom:2px solid #666; padding:10px 0 10px 0px; margin:0 5px 0 0; width:332px;}

/* mypage */
.mypage_tab_pac{padding:50px 0 0 0; width:1024px; margin:0 auto;}

/* cart */
.cart_wrap{ padding:20px 0 20px 0; width:1024px; margin:0 auto;}
.cart_btn_pac{padding:20px 0 20px 0; width:285px; margin:0 auto;}

/* makers */
.makers_pac{padding:30px 0 30px 0; text-align:center; width:1230px; margin:0 auto;}
.makers_unit{border:0px solid #CCC; webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; position:relative; text-align:center; padding:50px 0 0px 0; margin:0px 5px 20px 5px; cursor:pointer; width:225px; display:inline-block;}


.pro_category{text-align:center; padding:20px 30px 0 30px;}

/* review pac */
.review_pac{padding:0 0px 0px 0px; width:1024px; margin:0 auto;}
.review_btn{width:120px; display:inline-block; margin:0 0 0 0; padding:0 0 0 0;}
.review_btn img{width:100%;}
.review_input{border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:0px; height:98px; padding:10px; display:inline-block; margin:0 0 0 0; width:calc(100% - 142px); letter-spacing:-0.5px; }


/* detail content */
.detail_info{width:1024px; margin:0 auto;}

/* detail quick */
.detail_quick{padding:40px 0px 40px 0px; width:1024px; margin:0 auto;}

/* pro detail top */
.pro_detail_top{text-align:center;}
.pro_detail_img{padding:60px 0px 60px 0px; display:inline-block; vertical-align:text-top; width:calc(1024px - 345px); text-align:left; margin:0 0 0 0;}
.pro_detail_img img{width:550px;}
.pro_detail_right{padding:60px 0px 40px 20px; display:inline-block; vertical-align:text-top; width:320px; text-align:left; margin:0 0 0 0;}



/* login */
.login_pac{padding:30px 0px 50px 0px; width:350px; margin:0 auto;}

/* sub contents */
.prolist_h1_sub{font-size:25px; padding:50px 0 0px 0; color:#977a69; text-align:center;}

/* main bottom */
.main_bottom_pac{ text-align:center; border-top:1px solid #ddd;}
.main_notice{ padding:30px; border-bottom:0px solid #eee; display:inline-block; width:348px; vertical-align:text-top;}
.main_contact{ padding:30px; text-align:left; display:inline-block; width:368px; vertical-align:text-top;}

/* magazine main */
.maga_list{text-align:center; background-color:#f3eeeb; padding:50px 0 50px 0;}
.maga_unit{ display:inline-block; width:200px; padding:0 0 30px 0; margin:0 20px 0 20px;}


/* main pro */
.prolist{ padding:50px 0 30px 0; text-align:center; width:1300px; margin:0 auto;}
.prolist_h1{font-size:20px; font-weight:bold; color:#977a69; padding:0 0 50px 0; cursor:pointer;}
.prolist_unit{ text-align:left; padding:0 0 30px 0; display:inline-block; vertical-align:text-top; width:368px; margin:0 20px 0 20px;}

/* pro links */
.pro_link_pac{text-align:center;}
.prolist_unit_link{ text-align:left; padding:0 0 30px 0; display:inline-block; vertical-align:text-top; width:318px; margin:0 15px 0 15px;}



.footer_info span{font-size:12px; color:#999; display:inline-block; padding:0 0 0px 0;}

.pc_menu_right{ position:absolute; top:0px; right:0px; text-align:right; }
.pc_m_r{display:inline-block; font-size:13px; color:#999; margin:0 30px 4px 0px; vertical-align:middle;}
.pc_m_r a:link{color:#999;}
.pc_m_r a:visited{color:#999;}
.pc_m_r a:active{color:#999;}
.pc_m_r a:hover{color:#977a69;}
.cart_num{background-color:#b5a098; color:#fff; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; text-align:center; display:inline-block; padding:4px 10px 6px 9px; margin:0 2px 0 0;}


.board_h1_ct_new{font-size:15px; font-weight:bold; padding:0 0 10px 0; display:inline-block; vertical-align:text-top; width:calc(100% - 180px);}
.board_h_cp_new{ font-size:14px; display:inline-block; width:50px; text-align:center;}
.board_h_cc_new{ display:inline-block; text-align:right; width:100px;}


.login_unit_afterlogin{ display:inline-block; color:#fff; font-size:14px; text-align:left; width:450px; padding:0 0 2px 0;}
.idpass_h1{font-size:13px; letter-spacing:-0.5px; color:#999; border-bottom:1px solid #ddd; padding:0 0 20px 0;}

/* join */
.join_pac2{padding:0 0 30px 0; border-top:1px solid #ddd;}
.join_unit{ border-bottom:1px solid #ddd; padding:15px 0 15px 0;}
.join_unit dt{font-size:14px; font-weight:bold; padding:0 0 10px 0; display:inline-block; width:250px;}
.join_unit dd{padding:0 0 0 0; margin:0 0 0 0; font-size:14px; display:inline-block; width:400px;}
.join_radio{display:inline-block; vertical-align:middle;}


.btn_center_pac{text-align:center; padding:20px 0 0 0;}
.btn_joincheck{background-color:#814d8e; color:#fff; font-size:16px; font-weight:bold; text-align:center; padding:12px 0 12px 0; webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width:200px; display:inline-block;}

.board_view{border-bottom:1px solid #ddd; padding:25px 110px 25px 110px; font-size:14px; line-height:25px font-family: "Nanum Gothic", sans-serif;}
.board_view_file{font-size:14px; padding:25px 54px 25px 54px; border-bottom:1px solid #ddd;}

.board_unit{border-bottom:1px solid #ddd; padding:23px 0 20px 0; cursor:pointer; font-size:0px;}
.board_num{display:inline-block; font-size:14px; width:100px;}
.board_h1{font-size:16px; padding:0 0 5px 110px; display:inline-block; width:calc(100% - 290px);}
.board_date{ display:inline-block; text-align:right; font-size:14px;}


.board_h1_in{font-size:14px; padding:0 0 5px 26px; font-weight:bold; display:inline-block; width:calc(100% - 150px);}
.board_h1_c{font-size:14px; padding:0 0 5px 25px; font-weight:bold; display:inline-block; width:calc(100% - 210px);}
.board_h2{font-size:12px; color:#999; display:inline-block; width:100px; text-align:right;}
.btn_pac{text-align:right;}


.class_box{ padding:50px 25px 40px 25px;}
.page_btn_left img{border-right:1px solid #eee; width:60px;}
.page_btn_right img{border-left:1px solid #eee; width:60px;}
.page_list{height:60px; line-height:58px; font-size:17px;}
.page_list span{ padding:0 10px 0 10px;}



.main_banner{padding:0px; height:570px; position:relative;}

.slide01{padding:0px; height:570px;}

.header{ text-align:left; position:relative; min-height:80px;}
.logo{text-align:left; padding:17px 0 0 30px; position:absolute; top:0px; left:0px;}

.pc_menu{width:700px; margin:0 auto; text-align:left; padding:28px 0 0 0;}
.pc_menu_unit{display:inline-block; font-size:16px; letter-spacing:-0.5px; margin:0 15px 0px 0; color:#666; position:relative;}



/* .pc_menu_unit:hover ul{ display:block;}*/

.header li:hover ul{display:block;}

.pc_menu_unit.on ul div.clinic_m a:link{color:#cecfd0;}
.pc_menu_unit.on ul div.clinic_m a:visited{color:#cecfd0;}
.pc_menu_unit.on ul div.clinic_m a:acitve{color:#cecfd0;}
.pc_menu_unit.on ul div.clinic_m a:hover{color:#e6e6e6;}




.only_mobile{display:none;}
.only_pc{display:block;}
.only_pc_inblock{display:inline-block;}
.wrap_box{ width:1200px; margin:0 auto; position:relative;}





}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1280px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/






.header{width:100%; margin:0 auto;}
.pc_menu{width:700px; margin:0 auto; text-align:center; padding:29px 130px 0 0;}
.pc_menu_unit{display:inline-block; font-size:15px; letter-spacing:-0.5px; margin:0 10px 0px 0; color:#666; position:relative;}
.main_story_unit{background-color:#fff; display:inline-block; cursor:pointer; width:290px; margin:0 10px 0 10px;}
.bottom_notice_box{border-bottom:0px; padding:19px 19px 19px 18px; margin-right:1px;}
.bottom_other{border-left:1px solid #ddd; margin:0 -1px 0 0px; }
.foot_wrap{width:auto; margin:0 auto; position:relative;}
.footer{background-color:#eaeff1; text-align:center; padding:0px 30px 30px 30px;}
.main_support_unit img{width:180px;}
.main_support_unit_eng img{width:180px;}
.sub_cont_wrap2{ padding:0px 0px 0px 0px; width:1200px;}
.sub_cont_wrap{padding:0 0 0 0; width:1260px;}
.map_img img{width:100%;}
.gallery_unit{width:373px;}
.right_btn_pac{width:1200px;}
.magazine_unit{width:268px;}
.sticker_01{right:-700px; left:auto;}

.singo_index_wrap{padding:0px 0px 90px 50px; width:700px; margin:0 auto; font-size:0px;}
.singo_index_left{border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px; width:639px; display:inline-block; vertical-align:top;}
.singo_index_right{border-top:0px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0px; width:639px; display:inline-block; vertical-align:top;}

}

/* Tablet Device */
@media all and (min-width:1281px) and (max-width:1700px) {

.pc_menu{width:700px; margin:0 auto; text-align:center; padding:28px 0 0 0;}
.pc_menu_unit{display:inline-block; font-size:18px; letter-spacing:-0.5px; margin:0 30px 0px 0; color:#666; position:relative;}

}

/* Desktop Device */
@media all and (min-width:1701px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/

/*
.header{width:1920px; margin:0 auto;}
*/
.header{width:calc(100% - 400px); margin:0 auto;}
.main_visual{width:calc(100% - 400px); margin:0 auto;}
.main_story_pac{ background-color:#f2f2f2; text-align:center; padding:56px 0px 80px 0px; width:calc(100% - 400px); margin:0 auto;}
.main_works_pac{ background:url(../images/main_works_bg.png) no-repeat center; background-attachment:fixed; text-align:center; padding:120px 0px 120px 0px; width:calc(100% - 400px); margin:0 auto;}
.logo{padding-left:0px;}
.pc_menu{ padding-right:0px;}
.main_handson_pac{ background-color:#a7d676; padding:30px 0px 0 0px; text-align:left; width:calc(100% - 400px); margin:0 auto;}
.main_graph_pac{background-color:#3a70d5; padding:30px 0px 30px 0px; text-align:center; width:calc(100% - 400px); margin:0 auto;}
.footer{background-color:#eaeff1; text-align:center; padding:0px 0px 30px 0px; width:calc(100% - 400px); margin:0 auto;}

/*.mv_slide_02 img{padding:100px 0px 30px 0px;}*/
.main_block span{color:#fff; display:inline-block; padding:0px 0 0px 200px;}

.btn_go_main_white2{border:1px solid #fff; display:inline-block; color:#fff; line-height:45px; padding:0 30px 0 30px; webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; background:url(../images/bg_white.png); cursor:pointer; margin:25px 0 0 200px;}

.pc_menu{width:700px; margin:0 auto; text-align:center; padding:28px 0 0 0;}
.pc_menu_unit{display:inline-block; font-size:18px; letter-spacing:-0.5px; margin:0 30px 0px 0; color:#666; position:relative;}


}