@charset "utf-8";

#container { position:relative; padding-top:80px}
/* ############ 서브비주얼 ############ */
.sub_visual {position:relative; padding-top:0; height:250px; overflow:hidden;}
.sub_visual .visual_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;transform:scale(1.2);/* background-size:120% 120%; */background-repeat: no-repeat;background-position: 50% 0;transition:2s;}
.sub_visual .visual_zoom.on {transform:scale(1);}
.sub_visual .bg1 {background:url('../img/sub/subvisual01.jpg');}
.sub_visual .bg2 {background:url('../img/sub/subvisual02.jpg');}
.sub_visual .bg3 {background:url('../img/sub/subvisual03.jpg');}
.sub_visual .bg4 {background:url('../img/sub/subvisual04.jpg');}
.sub_visual .bg5 {background:url('../img/sub/subvisual05.jpg');}    
.sub_visual .sub_visual_txt {position: absolute; left:50%; top:40%; text-align: center; -ms-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.sub_visual .sub_visual_txt strong {display: block; margin-bottom:0; color:#fff; font-size:46px; font-weight:600;letter-spacing:-2; line-height:; vertical-align:middle;}
.sub_visual .sub_visual_txt span { display:block; margin-top:5px; font-size:22px; color:rgba(255,255,255,0.5); letter-spacing:-1px;}

/* ############ lnb ############ */
.lnb { width:100%; position:absolute; height:50px; bottom:0px; z-index:999; background:rgba(72,139,189,0.8);}
.lnb ul {position:relative; width:100%; text-align:center;}
.lnb ul:after { content:""; display:block; clear:both; }
.lnb ul li { position:relative; text-align:center; display:inline-block; margin-right:1%; }
.lnb ul li:last-child { margin-right:0;}
.lnb ul li a { display:block; padding:15px 25px; position:relative; font-size:16px; color:#fff; transition:all 0.2s; }
/*.lnb ul li a:after { content:""; display:block; position:absolute; left:50%; bottom:-1px; width:0; height:2px; background:#f46d2f; transition:all 0.2s; transform:translateX(-50%); z-index:99 }*/
.lnb ul li a.active { background:#fff; color:#488bbd; font-weight:700 }
.lnb ul li:hover a:after,
.lnb ul li a.active:after {width:100%;}
.lnb.meetings ul li {margin-right:1%; }
.lnb.meetings ul li a { padding:16px 10px; font-size:14px}
.lnb_mobile { display:none}
/* ############ 서브영역 ############ */
#subContents { overflow:hidden; position:relative; margin:30px auto 0;}
.subWarp { width:100%;}
.subWarp .local { position:relative; width:1200px; margin:0 auto; background: url('../img/sub/ico_home.png') no-repeat 0 0; padding-left:25px;}
.subWarp .local span { color:#9d9d9d; }
.subWarp .local span:before { content:">"; padding:0 5px; color:#bdbdbd;}
.subWarp .subTit { position:relative; width:1200px; margin:0 auto; }
.subWarp .subTit h3 { position:relative; font-size:34px; font-weight:700; color:#000; letter-spacing:-1px;}
.contentArea { width:100%; margin:30px auto 80px; min-height:290px; font-size:16px; line-height:1.5; letter-spacing:0}
.contentArea.bottom { margin-bottom:0}

/* ############ About us ############ */
/*History*/
.his_is { width:1200px; margin:0 auto;}
.his_is .txt { font-size:16px;  }
.his_is .txt p { margin-bottom:24px}
.history_con { width:100%; background:#f0f3f5;}
.history { position:; margin:0 auto; width:1200px; overflow:hidden}
.history > div { float:left; width:600px; min-height:60px;}
.history .txt_con { position:relative; padding:50px 0 0 50px;}
.history .txt_con .txt { padding-bottom:0}
.history .img { position: relative; padding:50px 50px 0 0; text-align:right;}
.history .img:before { position:absolute; top:0; bottom:0; right:-1px; width:1px; height:100%; background:#498fc7; content: '';}
.history.left .img { position:relative; text-align:left;}
.history.left .txt_con  { padding-right:50px; padding-left:0;}
.history .txt_con:before { content: ''; position:absolute; top:0; bottom:0; left:0; width:1px; height:100%; background:#498fc7;}
.history.left .txt_con:before { left:auto; right:0;}
.history.left .img:before { right:auto; left:0;}
.history.left .img  { padding-left:50px; padding-right:0;}
.history h3 {position: relative; font-size:30px; color:#498fc7; font-weight:600; letter-spacing:-1px; margin-bottom:15px; line-height: 23px;}
.history h3:before {content: ''; position: absolute; top:0; left:-56px; width:12px; height:12px; border:1px solid #498fc7; border-radius:100%; background:#498fc7; z-index:999}
.history.left h3:before {left:auto}
.history p { margin-bottom:25px; }
.history p strong { padding-bottom:5px; font-size:18px; color:#333; font-weight:600; }
.history p span { display:block; font-size:16px; } 
.history h4 { margin-top:30px; margin-bottom:5px; color:#333; font-size:18px; font-weight:700;}
.history.left { text-align:right;}
.history.left h3:before { right:-57px;}
.history.left .txt_con:before { right:-1px;}
.history h3 { }
.history .txt { width:100%; }
.history.left h3 { float:right;}
.history.left .txt {float:right; margin-right:0px;}
.history.left p:before {content: none;}
/*Organizational structure*/
.organi_con { width:1200px; margin:0 auto}
.organi_con .hr { display:block; width:100%; height:1px; background:#ddd; margin-bottom:50px;}
.organi_con .item { margin-bottom:50px;}
.organi_con .item:after { content: ''; clear:both; display:block;}
.organi_con .item .tit { float:left; width:29%; padding-right:80px; box-sizing:border-box}
.organi_con .item .tit h4 { font-size:22px; color:#333; font-weight:600; line-height:25px; letter-spacing:-0.8px;}
.organi_con .item .tit h4:before { content:""; display:block; margin-bottom:10px;width:24px; height:3px; background:#488bbd}
.organi_con .item .tit span { font-size:16px;}
.organi_con .item .cont { float:left; width:70%; line-height:25px}
.organi_con .item .cont h5 { font-size:18px; color:#488bbd; font-weight:600; margin-bottom:10px; margin-top:50px; letter-spacing:-0.5px;}
.organi_con .item .cont h5:first-child { margin-top:0}
.organi_con .item .cont .list {  padding-left:10px}
.organi_con .item .cont .list li { padding-bottom:10px;}
.organi_con .item .cont .list li em { font-weight:700}
.organi_con .item .cont dl { margin-bottom:20px;}
.organi_con .item .cont dl:after { content: ''; clear:both; display:block;}
.organi_con .item .cont dt { float:left; width:200px}
.organi_con .item .cont dt img { max-width:100%;}
.organi_con .item .cont dd { float:right; width:73%}
.organi_con .item .cont dd strong { padding-bottom:30px}
.organi_con .item .cont dd p { padding-bottom:30px}
.organi_con .item .cont strong { display:block; font-size:18px; color:#46b861; font-weight:600;}
.organi_con .item .cont p { margin-bottom:10px;}
.organi_con .item .cont p em { font-weight:600; color:#000;}
.organi_con .item .cont.sub_commi dt { position:relative; float:left; width:160px; height:50px; color:#488bbd; font-weight:600; line-height:50px; border-radius:25px; text-align:center; background:#f0f0f0; box-sizing:border-box}
.organi_con .item .cont.sub_commi dt:after { content:""; display:block; overflow:hidden; position:absolute; left:50%; width:1px; height:100%; min-height:70px; background:#488bbd }
.organi_con .item .cont.sub_commi dt.last:after { display:none}
.organi_con .item .cont.sub_commi dd { float:left; margin-left:25px; padding-top:10px; box-sizing:border-box }
.organi_con .item .cont .structure img { max-width:100%;}
/*Ex-Chairperson*/
.exChair_con { width:1200px; margin:0 auto}
.exChair_con .item { overflow:hidden; border-bottom:1px solid #ddd !important; padding:30px 0;}
.exChair_con .item .photo { float:left; width:20%; margin-right:2%; box-sizing:border-box}
.exChair_con .item .photo img { max-width:100%}
.exChair_con .item .cont { float:left; width:77%}
.exChair_con .item .cont h4 { font-size:20px; color:#488bbd; font-weight:600; margin-bottom:20px; letter-spacing:-0.5px; }
.exChair_con .item .cont p { margin-bottom:15px}
.exChair_con .item .cont .list_type1 li em { color:#000; font-weight:500}


/* ############ Bulletin Board ############ */
/*Adulterated Herbal Medicine*/
.ahm_is_con { position:relative; overflow:hidden; width:1200px; margin:0 auto; background:url(../img/sub/ahm_purpose_bg.png) no-repeat right 0}
.ahm_is_con .item { margin-bottom:50px; width:80%}
.ahm_is_con .item h4 { font-size:22px; color:#333; font-weight:600; line-height:25px; margin-bottom:20px; letter-spacing:-0.8px; }
.ahm_is_con .item h4:before { content:""; display:block; margin-bottom:10px;width:24px; height:3px; background:#488bbd}
.ahm_is_con .item h4:first-child { margin-top:0}
.ahm_is_con .item p { }
.ahm_is_con .item p em { color:#488bbd; font-weight:600; }
.ahm_is_con .item .list_type2 > li > .list_type1 > li {position: relative; padding:5px 0 2px 12px; color:#7f7f7f;}
.ahm_is_con .item .list_type2 > li > .list_type1 > li:after {content: ''; position:absolute; left:0px; top:13px; width:4px; height:4px; background:#488bbd;}
/*Terminology*/
.terminology_con { width:1200px; margin:0 auto}
.terminology_con .down_area { text-align:right; padding-bottom:30px}
.terminology_con .item { margin-bottom:50px;}
.terminology_con .item:after { content: ''; clear:both; display:block;}
.terminology_con .item .tit { float:left; width:20%; padding-right:60px; box-sizing:border-box}
.terminology_con .item .tit h4 { font-size:22px; color:#333; font-weight:600; line-height:25px; letter-spacing:-0.8px;}
.terminology_con .item .tit h4:before { content:""; display:block; margin-bottom:10px;width:24px; height:3px; background:#488bbd}
.terminology_con .item .tit span { font-size:16px;}
.terminology_con .item .cont { float:left; width:80%; line-height:25px; box-sizing:border-box}
.terminology_con .item .cont > li { overflow:hidden; padding:20px 0; border-bottom:1px solid #ddd;}
.terminology_con .item .cont > li:first-child { border-top:1px solid #333}
.terminology_con .item .cont > li > .list_type1 > li {position: relative; padding:5px 0 2px 12px; color:#7f7f7f;}
.terminology_con .item .cont > li > .list_type1 > li:after {content: ''; position:absolute; left:0px; top:13px; width:4px; height:4px; background:#488bbd;}
.terminology_con .item .cont dl {  }
.terminology_con .item .cont dt { float:left; width:20%; padding-right:1%; color:#333; font-weight:600; line-height:1.2 }
.terminology_con .item .cont dd { float:right; width:78%}
.terminology_con .item .cont dd strong { display:block; padding-bottom:10px; color:#488bbd; font-weight:400}
.terminology_con .item .cont dd .etc { padding-left:15px; font-size:15px}
/*RMPM*/
.rmpm_con { width:1200px; overflow:hidden; margin:0 auto}
.rmpm_con .tit { font-size:18px; color:#000; font-weight:600; margin-bottom:15px;}
.rmpm_con .info { padding-bottom:30px }
.rmpm_con h4 { margin-bottom:20px; font-size:20px; color:#333; font-weight:600; line-height:25px; letter-spacing:-0.8px;}
.rmpm_con h4:before { content:""; display:block; margin-bottom:10px;width:24px; height:3px; background:#488bbd}

/*Herbs World Wide*/
.herbs_is_con { position:relative; overflow:hidden; width:1200px; margin:0 auto;}
.herbs_is_con .item { margin-bottom:50px;}
.herbs_is_con .item h4 { font-size:22px; color:#333; font-weight:600; line-height:25px; margin-bottom:20px; letter-spacing:-0.8px; }
.herbs_is_con .item h4:before { content:""; display:block; margin-bottom:10px;width:24px; height:3px; background:#488bbd}
.herbs_is_con .item h4:first-child { margin-top:0}


/* ############ Link ############ */
/*Link*/
.link_con { position:relative; width:1200px;  margin:0 auto; overflow:hidden;}
.link_con li { position:relative; display:table; float:left; width:48%; height:100px; padding-left:15px; margin-right:20px; box-sizing:border-box}
.link_con li:nth-child(2n) { margin-right:0}
.link_con li .cont {display:table-cell; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box}
.link_con li .cont strong { display:block; position:relative; color:#488bbd; padding-left:30px; font-weight:400 }
.link_con li .cont strong:after { content:""; position:absolute; left:-20px; top:10px; width:35px; height:1px; background:#488bbd; }
.link_con li .cont span { display:block; padding-left:30px;}
.link_con li .go { position:absolute; right:20px; top:50px; margin-top:-18px; z-index:999 }
.link_con li .go a { display:block; background:#ccc; width:36px; height:36px; line-height:36px; border-radius:18px; text-align:center; font-size:14px; color:#000;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.link_con li .go a:hover { background:#488bbd; color:#fff;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

/* ############ 멥버쉽 ############ */
/*로그인*/
.login_top { background:url('/img/sub/login_bg.png') no-repeat center top; text-align:center}
.login_top .tx1 { padding-top:60px; font-size:40px; color:#333; font-weight:600; letter-spacing:-2px}
.login_bottom { text-align:center}
.login_bottom .tx1 { font-size:16px;}
.login_box { width:520px; margin:30px auto 30px; border:1px solid #d3d3d3; background:#f9f6f2; padding:20px}
.login_box h2 {  text-align:center; font-size:16px; color:#333; font-weight:500; margin-bottom:20px}
.login_box .tx1 { font-size:16px; color:#333; font-weight:500; margin-bottom:15px }
.login_box .tx2 { font-size:14px; }
.login_box .field_box input { margin-bottom:5px }
.login_box input[type=text],.login_box input[type=password]{height:40px;}
.login_box .field_box button.btn_login {display:inline-block; width:100%; line-height:42px; border:1px solid #2a7cbe; background:#498fc7; color:#fff; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1); }
.login_box .field_box button.btn_find {display:inline-block; width:100%; line-height:42px; border:1px solid #333; background:#333; color:#fff; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1); }
.login_box .field_box .tx_idpw { text-align:right; margin-top:10px; }
.login_box .field_box .login_menu {margin-top:10px; text-align:right;}
.login_box .field_box .login_menu a { position: relative; display:inline-block; color:#000; padding:0 10px 0 10px}
.login_box .field_box .login_menu a:after { content: ""; display: block; position:absolute; left:0; top:6px; height:13px; border-left:1px solid #333;}
.login_box .field_box .login_menu a:first-child:after {display: none;}

/*회원가입*/
.join_top { position:relative; overflow:hidden;  }
.join_top .bg01{background:url('/img/sub/join_bg01.png') no-repeat 0 0; height:80px}
.join_top .bg02{background:url('/img/sub/join_bg02.png') no-repeat 0 0; height:80px}
.join_top p { padding-left:90px}
.join_top .tx1 { font-size:20px; color:#333; font-weight:600;}
.join_top .tx2 { font-size:16px;}
.join_warp {position:relative; overflow:hidden;}
.join_warp input[type=checkbox],.join_wrap input[type=radio] {width:20px;height:20px;margin-right:5px;margin-bottom:0;border:0;}
.join_warp .agree_all { padding-bottom:10px; color:#000 }
.join_warp .agree_box { border:1px solid #d2d2d6; overflow:hidden; margin-bottom:20px}
.join_warp .agree_box h4 {padding:15px; font-weight:400;}
.join_warp .agree_box h4 label {font-size:16px; font-weight:500;}
.join_warp .agree_box h4 label span {font-weight:400;}
.join_warp .agree_box .agree_cont { border-top:1px solid #d2d2d6; padding:15px; height:200px; overflow-y:scroll}
.join_warp .agree_box .agree_cont h5 { font-size:15px !important; margin:20px 0 10px;font-size:16px;font-weight:500;}
.join_warp .agree_box .agree_cont h5:first-child {margin-top:0;}
.join_warp .agree_box .agree_cont h6 {margin:20px 0 10px;font-size:15px;font-weight:500;}
.join_input_wrap span.tx1{ font-size:13px; padding-left:5px; color:#C30}
.join_finish { background:url('/img/sub/join_bg02.png') no-repeat center top; text-align:center}
.join_finish .tx1 { padding-top:80px; font-size:20px; color:#333; font-weight:600; letter-spacing:-2px}
.join_finish .tx2 { font-size:16px;}
.join_finish table { width:50%; table-layout: fixed; margin:30px auto }
.join_finish tr th { padding:10px 0; font-weight:400; text-align:center; vertical-align:middle; border:0; border-top:1px solid #d3d1ce; border-bottom:1px solid #d3d1ce; background-color:#f7f7f6; }
.join_finish tr td { text-align:left; padding:10px 5px; border:0; border-top:1px solid #cac8c4;border-left:1px solid #cac8c4; border-bottom:1px solid #d3d1ce; }

/*아이디,비밀번호 찾기*/
.find_box { float:left; width:400px; border:1px solid #d3d3d3; background:#fff; padding:20px; margin:0 20px}
.find_box .tx1 { font-size:16px; color:#333; font-weight:500; margin-bottom:10px }
.find_box .tx2 { font-size:14px; margin-bottom:10px }
.find_box .field_box input { margin-bottom:5px }
.find_box input[type=text],.find_box input[type=password]{height:40px;}
.find_box .field_box button.btn_find {display:inline-block; width:100%; line-height:42px; border:1px solid #333; background:#333; color:#fff; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1); }

/*이용약관, 개인정보, 이메일무단수집거부*/
.agree_cont { position: relative; overflow:hidden}
.agree_cont h5 { font-size:16px; margin:20px 0 10px; font-size:16px; font-weight:500; color:#333}
.agree_cont h5:first-child {margin-top:0;}
.agree_cont h6 {margin:20px 0 10px;font-size:15px;font-weight:500;}
.agree_cont p { padding-bottom:15px}
.email_cont { border:1px solid #ddd; margin:0 auto; width:480px; overflow:hidden; padding:20px}

/*사이트맵*/
.sitemap { position:relative; overflow:hidden}
.sitemap li { float:left; width:31.545%; margin-right:20px; }
.sitemap li:nth-child(3n) { margin-right:0}
.sitemap li dt {border:2px solid #999; background:#F9F9F9; text-align:center; font-size:16px; font-weight:500; line-height:36px;}
.sitemap li dd { text-indent:10px}
.sitemap li dd a { display:block; border-bottom:1px dotted #ccc;line-height:40px;}
.sitemap li dd a:hover { color:#f9863c; text-decoration:none}

/* ############ 공통 ############ */
/*tab스타일*/
.tabWarp { position:relative; width:1200px; overflow:hidden; margin:0 auto}
.tab { width:100%; text-align:center; overflow:hidden; margin-bottom:40px; }
.tab li {  position:relative; text-align:center; display:inline-block; }
.tab li a { display:block; padding:10px 30px; margin-right:2px; color:#666; font-size:15px; text-align:center; border:1px solid #999999; background:#fff;}
.tab li a.active { border:1px solid #488bbd; color:#488bbd; background:#fff; text-decoration:none}
.tab.two li { width:auto;}
.tab.three li { width:auto;}
.tab.four li { width:auto;}
.tab.five li { width:auto;}
.tab.six li { width:auto;}
/*tab스타일*/
.tab_sy1 {position:relative; width:1200px; margin:0 auto 50px; overflow:hidden; border-bottom:1px solid #eaeaea; text-align:center}
.tab_sy1 ul li { display:inline-block;}
.tab_sy1 ul li a {display:inline-block;color:#303133; font-size:14px;font-weight:500; padding:36px 20px 20px 20px}
.tab_sy1 ul li a.active { color:#c40452; border-bottom:2px solid #c40452}




/*h4 h5 스타일*/
.dep_tit {position:relative; font-size:20px; font-weight:500; color:#1d1d1d; padding-top:10px; margin-bottom:15px; }
.dep_tit:before {position:absolute; top:0;left:0; display:block; width:30px; height:4px; content: ""; background-color:#f9863c; }
.dep_tit ~ .dep_tit {margin-top:40px; }
.dep_stit {font-size:17px; font-weight:500; color:#1d1d1d; background:url('../img/common/bg_dep_stit.png') no-repeat left 6px; padding:0 0 0 19px; margin-bottom:15px;} 
.dep_stit ~ .dep_stit {margin-top:40px; }

.dep_text {font-size:16px }
.source{ font-size:13px; color:#999; font-style:italic}/*출처*/

/*목차*/
.list_type1 li {position: relative; padding:2px 0 2px 12px; color:#666;}
.list_type1 li:after {content: ''; position:absolute; left:0px; top:13px; width:4px; height:4px; background:#488bbd;}
.list_type1.indent {padding: 0 0 0 23px;}
.list_type1 li span {font-weight:500}
.list_type2 li {position:relative; padding:2px 0 15px 22px; color:#666;}
.list_type2 li:after {content: ''; position:absolute; left:0px; top:10px; width:13px; height:13px; background:url('../img/sub/bul_rect_blur.png') no-repeat 0 0}
.list_type2.indent {padding: 0 0 0 23px;}

/*공통*/
.gray_linebox {background:#f5f5f5; border:1px solid #e1e1e1; padding:20px }
.gray_dotbox {background:#fff; border:3px dotted #998d7a; padding:15px }
.url_icon {background: url(../../img/common/icon_urllink.png) no-repeat right 7px; color:#505050; padding-right:18px; font-size:13px} /*새창열기*/


/*table_스타일*/
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #aaa; border-left:1px solid #d2d2d2;}
.table_style th{color:#333; padding:18px 0 18px 15px; background-color:#fafafa; letter-spacing:-0.5pt; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.table_style th.top_t{color:#fff; background:#898a8d; border-bottom:1px solid #898a8d; border-right:1px solid #a4a5a6;}
.table_style th.th_box {background:none; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.table_style th.line_th {border-left:1px solid #e9e9e9; }
.table_style td{font-family:'Noto Sans KR',sans-serif; padding:18px 20px; text-align:left;  border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}

/* 테이블 http://www.sjhle.or.kr참조 */ 
table caption {font-size: 0;height: 0;}
.tbl_style { width:100%; margin:0; padding:0; border-top: 1px solid #aaa; font-size:14px; text-align:center;color:#666;;}
.tbl_style caption {height:0; line-height:0;}
.tbl_style th { padding:12px 0; border-left:1px solid #d2d2d2; font-weight:normal; vertical-align:middle; word-wrap:break-word; word-break:keep-all; line-height:22px;}
.tbl_style tr { border-bottom:1px solid #d2d2d2;}
.tbl_style td { padding:10px; border-left:1px solid #d2d2d2; vertical-align:middle; word-wrap:break-word;word-break:keep-all; line-height:20px;}
.tbl_style th:first-child, .tbl_style td:first-child { border-left: none;}
.tbl_style td.leftb { border-left: 1px solid #d2d2d2 !important;}
.tbl_style thead th { background: #f5f5f5 none repeat scroll 0 0; border-right:1px solid #d2d2d2; vertical-align:middle; color:#333; font-weight:600; }
.tbl_style thead th:last-child { border-right: medium none;}
.tbl_style tbody th { background: #fff7cc none repeat scroll 0 0; color:#333;line-height:20px; vertical-align:middle; font-weight:400; }
.tbl_style a { color:#333;}
.tbl_style td.al_left { text-align:left;}
.tbl_style th.line_th {border-right:1px solid #d2d2d2; }
.tbl_style.small { font-size:13px;}
.tbl_style.small th { padding:5px; font-size:13px; line-height:20px;}
.tbl_style.small td { padding:5px; }


/* gallery list */
.gallTy_list { position:relative; overflow:hidden; padding:5px 0 5px} 
.gallTy_list li { float:left; width:32%; margin:0 1.7% 1.5% 0; border:1px solid #ccc; box-sizing:border-box;}
.gallTy_list li:nth-child(3n) { margin-right:0}
/*.gallTy_list li:hover { border:1px solid #000; box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.1); transform:translateY(-1px); transition:transform 220ms; }
.gallTy_list li a{ text-decoration:none}*/
.gallTy_list .thumb { display:block; overflow:hidden; width:100%; height:195px; margin:0 auto; position:relative; text-align:center}
.gallTy_list .thumb img { /*display:block;transition:all .3s; */ margin:0 auto; width:100%; height:100%}
.gallTy_list .info { padding:3%; /*height:65px;*/ table-layout:fixed }
.gallTy_list .thumb2 { display:block; overflow:hidden; width:100%; height:280px; position:relative; text-align:center;}
.gallTy_list .thumb2 img { margin:0 auto; min-width:200px; height:100%}
.gallTy_list .info .btnArea { display:block; overflow:hidden; margin-top:8px; }
.gallTy_list .info .btnArea .btn_down{display:inline-block; margin:0 1%; width:46%;}
.gallTy_list .info .btnArea .btn_down a{position:relative; display:block; font-size:14px; font-weight:500; line-height:25px; border:1px solid #F56000; border-radius:3px; text-align:center; text-decoration:none}
.gallTy_list .info .btnArea .btn_down a::before{display:inline-block; margin-right:8px; width:16px ;height:12px;content:''; background:url('/img/common/icon_down.png') no-repeat}
.gallTy_list .info .btnArea .btn_down + .btn_down a{border:1px solid #b51a1a}


.gallTy_list .thumb_dep { clear:both; padding:3%;}
.gallTy_list .thumb_dep .comp_name { display:block; font-size:16px; color:#000; font-weight:500; padding-bottom:10px;}
.gallTy_list .thumb_dep .comp_name .labelA { padding: 4px 8px; background:#8a7501; border-radius:3px; font-size:12px !important; color:#fff;}
.gallTy_list .thumb_dep .comp_name .labelB { padding: 4px 8px; background:#618102; border-radius:3px; font-size:12px !important; color:#fff;}
.gallTy_list .thumb_dep .comp_addr { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0}
.gallTy_list .thumb_dep .comp_addr a:hover { text-decoration:underline !important }
.gallTy_list .thumb_dep .comp_info dl {display:block; clear:both; padding:0; font-size:14px; height:25px; }
.gallTy_list .thumb_dep .comp_info dl dt{ float:left; width:22px; height:22px; margin-right:5px;vertical-align:middle}
.gallTy_list .thumb_dep .comp_info dl dt.ico01 { background:url('/img/common/icon_tel.png') no-repeat 0 0}
.gallTy_list .thumb_dep .comp_info dl dt.ico02 { background:url('/img/common/icon_link.png') no-repeat 0 0}
.gallTy_list .thumb_dep .comp_info dl dd { float:left; }
.gallTy_list .thumb_dep .comp_info dl dd a:hover { text-decoration:underline !important }


/* ****************** 모달 레이어팝업 ********************** */
/* modal layer */
.modal-fixed-pop-wrapper { display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner { position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box { position:relative; display:table-cell; vertical-align:middle;}
.modal-loading { position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content { text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.process_pop_content {position:relative; width:96%; max-width:640px; margin:20px auto; background-color:#fff; }
.process_pop_content h1 {height:60px; line-height:60px; font-size:24px; font-weight:500; letter-spacing:-1.0px; text-align:center; margin:0 20px; border-bottom:3px solid #c32026; color:#c32026; }
.modal-close-btn {position:absolute; top:15px; right:20px; color:#fff; }
.process_inner_box{padding:10px 0; }
.process_inner {padding:10px 20px; height:450px; overflow-y:hidden; overflow-x:hidden; }
.process_inner .img_con { width:100%; text-align:center}
.process_inner .img_con img { }
.process_inner .txt_con { padding:20px; text-align:center}

@media all and (max-width:1200px){
	#container { padding-top:60px}
	/* ############ 서브영역 ############ */
	#subContents { width:100%}
	.subWarp .local { width:calc( 100% - 20px );padding:0 10px;}
	.subWarp .subTit h3 { width:calc( 100% - 20px );padding:0 10px;}
	.tabWarp { width:calc( 100% - 10px );padding:0 5px; }
	.lnb.meetings ul li {margin-right:0.5%; }
	.lnb.meetings ul li a { padding:16px 5px; font-size:14px}
	
	/* ############ About us ############ */
	/*History*/
	.his_is { width:calc( 100% - 20px ); padding:0 10px;}
	.his_is .txt img { max-width:100% }
	.history { position: relative; width:calc( 100% - 20px ); padding:0 10px;}
	.history > div {width:100%;}
	.history .img {height:auto; min-height: 0;}
	.history .img img { max-width:100%}
	.history h3 { width:100%;}
	.history h3:before {left:-40px; top:0;}
	.history.left h3 {padding-right: 0;}
	.history.left h3:before { right:auto; left:-41px; top:6px;}
	.history.left .txt_con:before {right: auto;left: 0;}
	.history .txt_con,
	.history.left .txt_con {padding-left:35px; width:100%;}
	.history .img, 
	.history.left .img{position: absolute; top:0; right:0; text-align:right; width:50%; padding:0}
	.history .img:before { display:none}
	.history p {margin-bottom:10px;}
	.history.left {text-align:left;}
	.history.left h3 { float:left;}
	.history.left h3:before {right: 0; left:-40px}
	.history.left .txt { float:left;}
	.history.left p:after {content: none}
	.history .txt { width:100%; margin-left:0;}
	/*Organizational structure*/
	.organi_con { width:calc( 100% - 20px ); padding:0 10px;}
	.organi_con .item .cont dd { width:68%}
	.organi_con .item .tit.sub_commi { width:100%; margin-bottom:30px;} /*sub Committee*/
	.organi_con .item .cont.sub_commi { width:100%}
	.organi_con .item .cont.sub_commi dt { width:160px !important; height:50px; }
	.organi_con .item .cont.sub_commi dd { width:auto}
	/*Ex-Chairperson*/
	.exChair_con { width:calc( 100% - 20px ); padding:0 10px;}
	
	/* ############ Bulletin Board ############ */
	/*Adulterated Herbal Medicine*/
	.ahm_is_con { width:calc( 100% - 20px ); padding:0 10px; background-size:50%}
	.ahm_is_con .item { width:95%}

/*Herbs World Wide*/
.herbs_is_con { width:calc( 100% - 20px ); padding:0 10px; background-size:50%}
.herbs_is_con .item { width:95%}
	/* ############ Projects ############ */
	/*Terminology*/
	.terminology_con { width:calc( 100% - 20px ); padding:0 10px;}
	

.rmpm_con { width:calc( 100% - 20px ); padding:0 10px; background-size:50%}


	/* ############ Link ############ */
	/*Link*/
	.link_con { width:calc( 100% - 20px ); padding:0 10px}
}





@media (max-width:1024px){	
	/* ############ 서브비주얼 ############ */
	.sub_visual {position: relative; padding-top:0; height:120px; }
	.sub_visual .bg1,
	.sub_visual .bg2,
	.sub_visual .bg3,
	.sub_visual .bg4,
	.sub_visual .bg5 { background-position:center top; background-size:cover}
	.sub_visual .sub_visual_txt { top:45%; }
	.sub_visual .sub_visual_txt strong { font-size:30px; letter-spacing:-2;}
	.sub_visual .sub_visual_txt span { font-size:16px;}
	.sub_visual .submenu li a {  padding:10px 0; font-size:16px; }
	.sub_visual .submenu li.on a { font-size:17px; font-weight:400}
	
	/* ############ 서브영역 ############ */
	.subWarp .subTit h3 { font-size:30px;}
	.lnb { display:none}
	/*lnb_mobile*/
	.depth { vertical-align: middle; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;}
	.depth .placeholder { position: relative;display: block; z-index:1; padding:1em; border-radius:2px; cursor: pointer;}
	.depth .placeholder:hover {}
	.depth .placeholder:after { content:""; position:absolute; right:10px; top:40%; width:16px; height:9px; background: url('../img/common/lnb_arr_down.png') no-repeat 0 0; z-index:10;}
	.depth.is-open .placeholder:after {content: ""; position:absolute; right:10px; top:40%; width:16px; height:9px; background: url('../img/common/lnb_arr_up.png') no-repeat 0 0; }
	.depth.is-open ul { display: block;}
	.depth.select--white .placeholder {background: #fff; color: #999;}
	.depth.select--white .placeholder:hover { background: #fafafa;}
	.depth ul {display:none; position:absolute; overflow:hidden; width:100%; background:#fff; border-radius:2px; border:1px solid #ddd; border-bottom:0; top:100%; left:0;  z-index:100;}
	.depth ul li { display:block; text-align:left; color:#999; cursor:pointer; font-size:15px; text-align:center; border-bottom:1px solid #ddd;}
	.depth ul li:hover { background: #f1f1f1; color:#fff;}
	.depth ul li a { padding:10px 20px; display:block;}
	.depth ul li:hover a { color: #000;}
	.lnb_mobile{ position:relative; display:block; width:100%; z-index:2; background:rgba(72,139,189,1);}
	.lnb_mobile .location{position:relative;}
	.lnb_mobile .location:after{content:''; display:block; clear:both}
	.lnb_mobile .location .location_txt{ width:100%; text-align:left;}
	.lnb_mobile .location .depth{position:relative; float:left}
	.lnb_mobile .location .depth > a{ padding:10px 10px; font-weight:500; font-size:16px; color:#fff;}
	
	/* ############ About us ############ */
	/*Organizational structure*/
	.organi_con .item .cont dt { float:none; width:100%}
	.organi_con .item .cont dd { float:none; width:100%}
	
	/* ############ Link ############ */
	/*Link*/
	.link_con li { width:100%; min-height:100px; height:auto; margin-right:0; margin-bottom:5px}
	
	/*tab*/
	.tab { width:auto; text-align:center; overflow:hidden; }
	.tab li { position:relative; text-align:center; overflow:hidden;  }
	.tab li a { padding:10px 0;}
	.tab.two li{ float:left; width:50% !important;}
	.tab.three li { float:left; width:33.3333% !important;}
	.tab.four li { float:left; width:25%;}
	.tab.five li { float:left; width:20%;}
	.tab.six li { float:left; width:16.666%;}
	


	/* gallery list */ 
	.gallTy_list ul li a  { width:calc(33.3333333% - 20px); }

}


@media (max-width:767px){
	/* ############ 공통 ############ */
	/*tab스타일*/
	.tab.four li { width:49%; margin-bottom:3px }
	.tab.five li { width:49%; margin-bottom:3px}
	.tab.six li { width:49%; margin-bottom:3px}
	/* ############ About us ############ */
	/*연혁*/
	.history.left { position: relative;}
	.history .img { margin-bottom:40px}
	.history .img,
	.history.left .img{position: relative; top:0; right:0; text-align: center; width:100%; padding:0}
	.history .txt_con { padding:0 0 0 35px;}
	.history .img:before { display:none}
	.history .txt_con .txt { padding-bottom:30px}
	/*Organizational structure*/
	.organi_con .item .cont.sub_commi dt { float:none; width:120px !important; height:40px; line-height:40px; } /*sub Committee*/
	.organi_con .item .cont.sub_commi dt:after { display:none}
	.organi_con .item .cont.sub_commi dd { float:none; width:auto; margin-left:10px}
	.exChair_con .item { overflow:hidden; border-bottom:1px solid #ddd !important; padding:30px 0;}
	.exChair_con .item .photo { float:none; width:100%; margin-right:0; margin-bottom:15px; text-align:center}
	.exChair_con .item .photo img { max-width:80%}
	.exChair_con .item .cont { float:none; width:100%}
	.exChair_con .item .cont h4 { font-size:18px; text-align:center }
	/* ############ Projects ############ */
	/*Terminology*/
	.terminology_con .down_area .btn_down { width:48%; }
	.terminology_con .item .tit { float:none; width:100%; padding-right:0; }
	.terminology_con .item .cont { float:none; width:100%; margin-top:20px}
	
	/*사이트맵*/
	.sitemap li {width:30%;}
	
	/*table_스타일*/
	.table_warp {width:100%; height:auto; overflow:hidden; overflow-x:auto;}
	.table_warp .table_ty {width:767px}
	.note_mobile{ background: url('../img/common/icon_note_mobile.png') no-repeat left bottom; font-size:13px; background-size:77px; display:inline-block; padding:0 0 3px 20px; position: relative;}


	/* gallery list */ 
	.gallTy_list ul li a  { width:calc(50% - 20px); }
	.gallTy_list .thumb { height:168px; }

}


@media (max-width: 640px){
	/* ############ About us ############ */
	/*Organizational structure*/
	.organi_con .item .tit { float:none; width:100%; padding-right:0;}
	.organi_con .item .tit h4 { margin-bottom:20px }
	.organi_con .item .cont { float:none; width:100%; line-height:25px}
	/* ############ Projects ############ */
	/*Terminology*/
	.terminology_con .down_area .btn_down { width:99%; text-align:center; margin-bottom:5px }
	.terminology_con .item .cont dt { float:none; width:100%; padding-right:0; padding-bottom:10px }
	.terminology_con .item .cont dd { float:none; width:100%}
	
	
	/*사이트맵*/
	.sitemap li { width:47%;}
	.sitemap li:nth-child(3n) { margin-right:20px}
	.sitemap li:nth-child(2n) { margin-right:0}

	/*로그인*/
	.login_top .tx1 { font-size:18px; }
  .login_box { width:340px;}

}


@media (max-width: 460px){
	/* ############ 서브영역 ############ */
	.subWarp .subTit h3 { font-size:26px;}
	
	/*사이트맵*/
	.sitemap li { float:none; width:99%;}
	.sitemap li:nth-child(3n) { margin-right:0}
	.sitemap li:nth-child(2n) { margin-right:0}
	

}

@media (max-width: 320px){
	
	
 
}