@import 'reset.css?v=3.1';
@import 'jquery.mobile.css';
@import 'lightbox.css?v=1.4';
@import 'jquery.bxslider.css?v=1.4';

/* default */
	/* 팝업레이어 */
	#hd_pop {z-index:1000;position:absolute;width:100%;}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops {position:absolute;border:8px solid #00a8a4;background:#fff;box-shadow:0 0 10px #555}
	.hd_pops_con a{display:block;text-align:center}
	.hd_pops_con img{max-width:100%}
	.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
	.hd_pops_footer button {margin-right:5px;padding:5px 10px;line-height:15px;border:0;background:#393939;color:#fff}
	
	@media only screen and (max-width : 640px) {
		/* 팝업 */
		.hd_pops{left:10px !important;right:10px;border:4px solid #000}
		.hd_pops_con{width:100% !important;height:auto !important;}
		.hd_pops_footer{text-align:center;}
		.hd_pops_footer button{font-size:11px;margin:0 3px}
		.hd_pops_footer button.hd_pops_close{padding:5px 20px}
	}

	/* 갤러리 팝업 레이어 */
	.hd_pops_gallery h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops_gallery {position:absolute;z-index:100;border:8px solid #00a8a4;background:#fff;box-shadow:0 0 10px #555}
	.hd_pops_gallery_con a{display:block;text-align:center}
	.hd_pops_gallery_con img{width:100%}
	.hd_pops_gallery_footer {overflow:hidden;padding-top:8px;background:#00a8a4;color:#fff;}
	.hd_pops_gallery_footer .hd_subject{float:left;padding-top:5px;}
	.hd_pops_gallery_footer button {float:right;margin-right:5px;padding:5px 20px;line-height:15px;border:0;background:#007c77;color:#fff}

	/* 게시물 선택복사 선택이동 */
	#copymove {}
	.copymove_current {float:right;color:#ff3061}
	.copymove_currentbg {background:#f4f4f4}

	/* 화면낭독기 사용자용 */
	#hd_login_msg {position:absolute;top:0;left:-99999px;font-size:0;line-height:0;overflow:hidden}
	.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

	/* ie6 이미지 너비 지정 */
	.img_fix {width:100%;height:auto}

	/* 캡챠 자동등록(입력)방지 기본 -pc */
	#captcha {display:block;position:relative;padding-top:5px}
	#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
	#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
	#captcha #captcha_mp3 {display:block;position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
	#captcha #captcha_mp3 span {position:relative;z-index:50;display:block;width:31px;height:31px;text-indent:-9999px;background:#E2E2E2 url('../img/captcha.png') no-repeat;vertical-align:middle}
	#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
	#captcha #captcha_key {padding:0 5px;width:180px;overflow:hidden;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
	#captcha #captcha_info {clear:both;display:block;padding:5px 0;font-size:0.95em;letter-spacing:-0.1em}
	#captcha .captcha_area{float:left;display:block;position:relative;width:192px;margin-bottom:3px;margin-left:3px;margin-right:3px}
	#captcha .captcha_input_area{float:left;display:block;padding:0 3px}

	/* 캡챠 자동등록(입력)방지 기본 - mobile */
	#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
	#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
	#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
	#captcha.m_captcha #captcha_reload span{display:none;}
	#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
	#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
	#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

	/* ckeditor 단축키 */
	.cke_sc {margin:0 0 5px;text-align:right}
	.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
	.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
	.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
	.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
	.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
	.cke_sc_def dt {width:20%;font-weight:bold}
	.cke_sc_def dd {width:30%}

	/* 자료 없는 목록 */
	.empty_table {padding:50px 0 !important;text-align:center}
	.empty_list {padding:20px 0 !important;text-align:center}
	@media only screen and (max-width : 640px) {
		.empty_list{border:1px solid #eee}
	}

	/* 새창 기본 스타일 */
	.new_win {}
	.new_win .tbl_wrap {margin:0 20px}
	.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
	.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
	.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
	.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
	.new_win .win_ul li {float:left;margin-left:-1px}
	.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
	.new_win .win_desc {padding:20px}

	.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
	.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
	.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
	.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
	.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

	/* 검색결과 색상 */
	.sch_word {color:#ff3061}

	/* 자바스크립트 alert 대안 */
	#validation_check {margin:100px auto;width:500px}
	#validation_check h1 {margin-bottom:20px;font-size:1.3em}
	#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

	/* 사이드뷰 */
	.sv_wrap {display:inline-block;position:relative;font-weight:normal}
	.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
	.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
	.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
	.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
	.sv_nojs .sv {display:block}

	/*메일인증*/
	.rg_em{margin-top:5px}
	.rg_em caption{padding:0;font-size:0;line-height:0;overflow:hidden}

	/*캡챠 모바일에서 피시버젼*/
	#captcha.m_captcha audio{display:block;margin:5px 0 10px;}
	#captcha.m_captcha #captcha_key{margin-left:3px }
	#captcha.m_captcha #captcha_reload span{background:none;display:inline}
	#captcha.m_captcha  #captcha_reload {position:relative ;width:auto;top:0;left:0;margin:0;padding:0 10px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}
	#bo_v_img{padding-bottom:20px}

	@media only screen and (max-width : 640px) {
		/* 기존 */
		#pw_confirm{width:300px}
		#pw_confirm .btn_ok{display:block;padding:0;margin:5px 10%;width:80%}
		#pw_confirm .input-text{width:172px}
		#captcha #captcha_img{margin-bottom:5px}
		#captcha #captcha_mp3{display:inline-block;;position:static;}
		#captcha #captcha_reload{display:inline-block;position:static;width:80px;margin:3px 0;text-indent:0;background:#eee none;border:1px solid #ccc;}
		#captcha #captcha_key{}
	}

	/* 회원 비밀번호 확인 */
	#mb_confirm {margin:0 auto;padding:100px 0;width:500px}
	#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
	#mb_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
	#mb_confirm p strong {display:block}
	#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
	#mb_confirm fieldset .frm_input {background-color:#fff !important}
	#mb_confirm label {letter-spacing:-0.1em}
	#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}

	/* 비밀글 비밀번호 확인 */
	#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
	#pw_confirm h1 {margin:0 0 10px;font-size:18px;color:#000}
	#pw_confirm p {padding:20px;font-size:12px;border:1px solid #5A5A5A;color:#000;border-bottom:0;background:#fff;border-radius:5px 5px 0 0 }
	#pw_confirm p strong {display:block;line-height:30px;font-size:15px}
	#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #5A5A5A;background:#333;text-align:center;border-radius:0 0 5px 5px}
	#pw_confirm fieldset .frm_input {background-color:#fff !important;}
	#pw_confirm label {color:#fff;font-weight:bold}
	#pw_confirm .input-text{line-height:15px}
	#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
	#pw_confirm .btn_back{display:inline-block;line-height:54px;padding:0 30px;background:#000;color:#fff;font-size:18px;vertical-align:middle}
	#pw_confirm .btn_back:hover{color:#fff}
	#pw_confirm .btn_ok{display:inline-block;margin-left:3px;line-height:31px;padding:0 30px;background:#f7f7f7;color:#000;font-size:13px;vertical-align:middle}
	#pw_confirm .btn_ok:hover{color:#000}

	/* autosave_pop */
	.autosave_pop{display:none}
	.autosave_wrapper {position:relative}
	.autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
	html.no-overflowscrolling .autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
	.autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.autosave_pop div {text-align:right}
	.autosave_pop button {margin:0;padding:0;border:0;background:transparent;font-size:12px;vertical-align:middle}
	.autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
	.autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
	.autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
	.autosave_pop a {display:block;float:left;font-size:12px;line-height:15px}
	.autosave_pop span {display:block;float:right;font-size:12px}
	.autosave_close {cursor:pointer}
	.autosave_content {display:none}

/* base */
	/* 모바일 */
	.m_area{display:none;}
	@media only screen and (max-width : 640px) {
		.m_area{display:block;}
		.input-select{-webkit-appearance: none;height:33px;background:#fff url(../images/common/bg_select.png) no-repeat right 50%;background-size:17px auto}
	}

	/* color style */
	.content_area .c_blue{color:#003399}

	/* text style */
	.title01{font-family:'Titillium';font-size:150px;line-height:170px;padding:40px 0 30px;color:#fff;font-weight:bold;letter-spacing:-6px}
	.title02{font-family:'Titillium';font-size:85px;line-height:120px;padding:50px 0 15px;font-weight:bold;letter-spacing:-6px;border-top:1px solid #babfc5}
	.title02.no_line{border-top:0}
	.title03{font-size:30px;line-height:40px;color:#58585b;letter-spacing:-1px;font-weight:normal;}
	.title03 span{color:#566e93}
	.title03.c_black{color:#1e1e1e}
	.title03.center{text-align:center}
	.text01{font-size:30px;line-height:35px;color:#fff;font-weight:bold}
	.text02{font-family:'Titillium';font-size:60px;line-height:72px;color:#fff;letter-spacing:-1px}
	.text03{font-size:24px;line-height:30px;font-weight:bold}
	.text04{font-size:20px;line-height:24px;font-weight:bold}
	.text05{font-size:24px;line-height:30px;}
	.text06{font-size:16px;line-height:20px;}
	.text07{font-size:12px;line-height:16px;}

	@media only screen and (max-width : 1024px) {
		/* text */
		.title01{font-size:90px;line-height:100px;letter-spacing:-2px}
		.title02{font-size:50px;line-height:1.2em;letter-spacing:-2px}
		.text01{font-size:30px;letter-spacing:0;line-height:1.2em}
		.text02{font-size:25px;letter-spacing:0;line-height:1.2em}
	}
	@media only screen and (max-width : 768px) {
		/* text */
		.title01{font-size:40px;line-height:1.1em}
		.title02{font-size:30px}
		.text01{font-size:20px;}
		.text02{font-size:18px;line-height:1.1em}
		.text03{font-size:16px}
		.text04{font-size:16px}

		.title03{font-size:20px}
	}

	/* btn_area */
	.btn_area_right{text-align:right;}
	.btn_area_center{text-align:center;}
	.btn_area_left{text-align:left;}

	/* button style */
	.btn_search_list{display:inline-block;width:90px;border:0;line-height:35px;height:35px;border-radius:0px;background:#aaa;text-align:left;text-indent:35px;color:#fff;vertical-align:middle}
	.btn_search_list:hover{color:#fff}
	.btn_search{display:inline-block;width:90px;border:0;line-height:35px;height:35px;border-radius:0px;background:#408f98 url(../images/common/icon_search.png) 10px 50% no-repeat;text-align:left;text-indent:35px;color:#fff;vertical-align:middle}
	.btn_list{display:inline-block;width:90px;border:0;line-height:32px;padding-top:1px;height:31px;border-radius:0px;background:#4e5665;text-align:center;color:#fff;vertical-align:middle}
	.btn_list:hover{color:#fff}
	.btn01{display:inline-block;width:227px;line-height:49px;background:url(../images/common/bg_btn01.png) no-repeat;text-align:center;color:#fff;font-size:21px;vertical-align:middle}
	.btn01:hover{color:#fff}
	.btn02{display:inline-block;line-height:54px;padding:0 30px;background:#000;color:#fff;font-size:18px;vertical-align:middle}
	.btn02:hover{color:#fff}
	.btn03{display:inline-block;width:102px;line-height:24px;padding:26px 0px;text-align:center;background:#43526f;color:#fff;font-size:18px;vertical-align:middle}
	.btn03:hover{color:#fff}
	.btn04{display:inline-block;width:102px;line-height:24px;padding:26px 0px;text-align:center;background:#62666f;color:#fff;font-size:18px;vertical-align:middle}
	.btn04:hover{color:#fff}
	.btn05{display:inline-block;line-height:54px;height:54px;padding:0 30px;background:#707070;color:#fff;font-size:18px;vertical-align:middle}
	.btn05:hover{color:#fff}
	.btn06{display:inline-block;line-height:52px;padding:0 29px;background:#fff;border:1px solid #a5a5a5;color:#5d5d5d;font-size:18px;font-weight:bold;vertical-align:middle}
	.btn06:hover{color:#5d5d5d}
	.btn07{display:inline-block;padding:0 12px;line-height:25px;text-align:center;font-size:11px;color:#222;background:#E6E6E6;border:1px solid #ccc;vertical-align:middle}
	.btn07:hover{background:#D2D2D2}
	.btn08{display:inline-block;width:230px;line-height:30px;text-align:center;color:#fff;background:#2f6ebb url(../images/common/icon_arrow2.gif) no-repeat 90% 50%;vertical-align:middle}
	.btn08:hover{color:#fff;background-color:#20599f}
	.btn09{display:inline-block;padding:0 35px;font-family:"NanumSquare";line-height:30px;text-align:center;color:#fff;background:#000;vertical-align:middle;letter-spacing:-1px}
	.btn09:hover{color:#fff}
	.btn10{display:inline-block;padding:0 35px;font-family:"NanumSquare";line-height:30px;text-align:center;color:#fff;background:#595959;vertical-align:middle;letter-spacing:-1px}
	.btn10:hover{color:#fff}
	.btn11{display:inline-block;padding:0 15px;line-height:30px;text-align:center;font-size:12px;color:#fff;background:#0064bb;border-radius:15px;vertical-align:middle}
	.btn11:hover{color:#fff}

	.btn_x01{display:block;width:25px;height:25px;background:url(../images/common/btn_x01.gif) no-repeat;text-indent:-9999px}
	.btn_portdesk{display:inline-block;width:130px;line-height:35px;height:35px;background:url(../images/common/btn_bg03.png) no-repeat;color:#fff;font-weight:bold;text-align:center;}
	.btn_portdesk:hover{color:#fff}

	.btn_info_news{display:inline-block;width:130px;line-height:35px;height:35px;background:url(../images/common/btn_bg02.png) no-repeat;color:#fff;font-weight:bold;text-align:center;}
	.btn_info_news:hover{color:#fff}

	.btn_top{overflow:hidden;display:inline-block;width:40px;height:40px;background:#0b0b0b4f url(../images/common/btn_top.png?v=1) 50% 45% no-repeat;background-size:15px auto;text-indent:-9999px;text-align:left;border-radius:20px;}
	.btn_b03{display:inline-block;width:60px;border:0;line-height:35px;background:#eee;text-align:center;color:#000;vertical-align:middle}
	.btn_more01{overflow:hidden;display:block;width:18px;height:18px;background:url(../images/common/btn_more01.png) no-repeat;text-indent:-9999px}
	.btn_more02{overflow:hidden;display:inline-block;width:50px;height:20px;background:url(../images/common/btn_more02.gif) no-repeat;text-indent:-9999px;text-align:left}
	.btn_more03{overflow:hidden;display:inline-block;width:95px;height:40px;background:url(../images/common/btn_more03.png) no-repeat;text-indent:-9999px;text-align:left}

	.btn_close{overflow:hidden;display:inline-block;width:30px;height:30px;background:url(../images/common/btn_close01.png) 50% 50% no-repeat;text-indent:-9999px;text-align:left}
	.btn_close2{overflow:hidden;display:inline-block;width:30px;height:30px;background:url(../images/common/btn_close02.png) 50% 50% no-repeat;text-indent:-9999px;text-align:left;background-size:15px auto}
	.btn_close3{overflow:hidden;display:inline-block;width:10px;height:10px;background:url(../images/common/btn_close03.png) 50% 50% no-repeat;text-indent:-9999px;text-align:left}

	.btn_doc_down{display:inline-block;width:150px;border:0;padding:25px 0;background:#000;text-align:center;color:#fff;vertical-align:middle;}
	.btn_doc_down:hover{color:#fff}
	.btn_view_more{display:inline-block;width:140px;height:140px;text-indent:-9999px;text-align:left;vertical-align:middle;background:url(../images/common/btn_view_more.gif) 50% 50% no-repeat;}
	.btn_down{display:inline-block;width:20px;height:20px;text-indent:-999999px;background:#000;text-align:left;vertical-align:middle;background:url(../images/common/icon_down.png) 50% 50% no-repeat;}
	.btn_down:hover{color:#fff}
	.btn_lank1{display:inline-block;width:100px;line-height:30px;text-align:center;background:#0075da;color:#fff;vertical-align:middle;font-weight:bold;}
	.btn_lank1:hover{color:#fff}
	.btn_lank2{display:inline-block;width:100px;line-height:30px;text-align:center;background:#004272;color:#fff;vertical-align:middle;font-weight:bold;}
	.btn_lank2:hover{color:#fff}
	.btn_login{display:block;width:120px;height:94px;background:url(../images/common/btn_login.png?v=1) no-repeat;vertical-align:middle;text-indent:-9999px}
	.btn_join{display:inline-block;padding:0 20px;line-height:32px;text-align:center;font-size:12px;color:#fff;background:#6d7886;vertical-align:middle}
	.btn_join:hover{color:#fff}
	.btn_find{display:inline-block;margin-left:5px;padding:0 30px;line-height:40px;text-align:center;font-size:18px;color:#fff;background:#000;vertical-align:middle}
	.btn_find:hover{color:#fff}
	.btn_menu{display:inline-block;width:40px;height:40px;line-height:40px;text-indent:-9999px;background:url(../images/common/btn_menu2.png) 50% 50% no-repeat;vertical-align:middle}
	.btn_menu:hover{color:#fff}
	.btn_arrow{display:block;width:80px;height:80px;line-height:80px;text-indent:-9999px;background:#38475d url(../images/common/icon_arrow_bottom04.png) 50% 50% no-repeat;vertical-align:middle}
	.btn_arrow:hover{color:#fff}
	.btn_pdf_down{display:block;width:20px;height:20px;line-height:20px;text-indent:-9999px;background:url(../images/common/icon_pdf.gif) 50% 50% no-repeat;vertical-align:middle}
	.btn_link_arrow{display:block;width:42px;height:42px;line-height:42px;text-indent:-9999px;background: url(../images/common/icon_arrow_next03.png) 50% 50% no-repeat;vertical-align:middle}

	a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 8px;height:32px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
	a.btn_frmline {line-height:24px}
	button.btn_frmline {font-size:1em}

	@media only screen and (max-width : 640px) {
		/* button */
		#btn_autosave{display:none}
		.btn_view_more{width:100%;height:50px;line-height:50px;background:#38475d;text-indent:0;text-align:center;color:#fff;}
		.btn_view_more:hover{color:#fff}
	}

	/* line */
	.bottom_line{border-bottom:1px solid #e2e2e2}
	.top_line{border-top:1px solid #e2e2e2}

	/* data info */
	.icon_reply{display:inline-block;width:25px;height:20px;background:url(../images/common/icon_reply.gif) 50% 50% no-repeat;text-align:left;text-indent:-9999px}
	.cnt_comment{display:inline-block;padding:0 3px;color:#ff0000;vertical-align:middle}
	.icon_arrow04{display:block;width:30px;height:12px;background:url(../images/common/icon_arrow04.png) 0 50% no-repeat}
	.icon_arrow05{display:block;width:102px;height:12px;background:url(../images/common/icon_arrow05.png) 0 50% no-repeat}

	/* btn_link_area */
	.btn_link_area ul{text-align:center;}
	.btn_link_area ul li{display:inline-block;}
	.ie7 .btn_link_area ul li{display:inline;}
	.btn_link_area ul li.bg01{background:#154e94}
	.btn_link_area ul li.bg02{background:#24354a}
	.btn_link_area ul li a{position:relative;z-index:30;display:block;width:390px;height:220px;color:#fff;text-align:left;background:url(../images/common/icon_arrow.png) 90% 50% no-repeat;}
	.btn_link_area ul li a span{position:absolute;z-index:35;left:20px;top:50%;margin-top:-30px;display:block;line-height:30px;font-size:24px;}
	@media only screen and (max-width:1600px){
		.btn_link_area ul li{display:block;margin-bottom:5px}
		.btn_link_area ul li a{width:100%;height:150px}
	}

	/* pg_wrap */
	.pg_wrap{text-align:center;padding:50px 0}
	.pg_wrap .pg_page{display:inline-block;width:22px;height:22px;text-align:center;line-height:22px;border:1px solid #eee;vertical-align:middle}
	.pg_wrap .pg_current{display:inline-block;font-weight:normal;width:22px;height:22px;text-align:center;line-height:22px;border:1px solid #6a6a6a;background:#6a6a6a;color:#fff;vertical-align:middle}
	.pg_wrap .pg_end{width:24px;height:24px;background:url(../images/common/paging_end.png) no-repeat;text-indent:-99999px;border:0}
	.pg_wrap .pg_start{width:24px;height:24px;background:url(../images/common/paging_start.png) no-repeat;text-indent:-99999px;border:0}
	.pg_wrap .pg_next{width:24px;height:24px;background:url(../images/common/paging_next.png) no-repeat;text-indent:-99999px;border:0}
	.pg_wrap .pg_prev{width:24px;height:24px;background:url(../images/common/paging_prev.png) no-repeat;text-indent:-99999px;border:0}

	/* view_paging */
	.view_paging{margin-top:50px;margin-bottom:50px;border-top:1px solid #727272}
	.view_paging ul li{position:relative;z-index:30;padding-left:100px;border-bottom:1px solid #e7e7e7;line-height:50px;}
	.view_paging ul li strong{position:absolute;z-index:35;left:0;top:50%;margin-top:-15px;display:block;width:100px;text-align:center;line-height:30px;color:#000;font-size:1.14em}
	.view_paging ul li.next{border-color:#727272}
	.view_paging ul li a{display:block;line-height:20px;padding:15px 0}

	@media (max-width: 1390px) {
	}
	@media (max-width: 992px) {
	}
	@media (max-width: 768px) {
		.view_paging ul li{padding-left:60px;}
		.view_paging ul li strong{font-size:13px;width:60px}
		.view_paging ul li a{font-size:13px}
	}

	/* board_file_area */
	.board_file_area{position:relative;z-index:20;padding:12px 0;margin-bottom:10px;border-bottom:1px solid #d2d2d2}
	.board_file_area .tit{position:absolute;z-index:30;left:20px;top:50%;width:60px;line-height:30px;margin-top:-15px;font-weight:bold;}
	.board_file_area ul{padding-left:80px;padding-right:10px}
	.board_file_area ul li{font-size:12px}
	.board_file_area ul li a{display:block;line-height:15px}
	.board_file_area ul li a img{width:14px}

	@media (max-width: 1390px) {
	}
	@media (max-width: 992px) {
	}
	@media (max-width: 768px) {
		.board_file_area .tit{left:0px;font-size:12px}
		.board_file_area ul{padding-right:0}
		.board_file_area ul li a{font-size:12px}
	}

	
	.view_paging2{}
	.view_paging2 ul{text-align:center}
	.view_paging2 ul li{display:inline-block;margin:0 -2px;vertical-align:middle;}
	.btn_paging_list{display:block;width:50px;height:50px;text-indent:-9999px;background:url(../images/common/btn_paging_list.gif) no-repeat;}
	.btn_paging_next{display:block;width:50px;height:50px;text-indent:-9999px;background:url(../images/common/btn_paging_next.gif) no-repeat;}
	.btn_paging_prev{display:block;width:50px;height:50px;text-indent:-9999px;background:url(../images/common/btn_paging_prev.gif) no-repeat;}

	/* tab */
	.tab{padding-bottom:30px}
	.tab .tab_gnb{float:left;padding:0 50px 0 30px;border-bottom:1px solid #ccc;}
	.tab .tab_gnb li{float:left;margin:0 2px;position:relative;z-index:30;top:1px}
	.tab .tab_gnb li a{display:block;padding:0 20px;line-height:35px;text-align:center;color:#494949;border:1px solid #ccc;background:#f7f7f7}
	.tab .tab_gnb li a.on{border-bottom-color:#fff;background:#fff}
	@media only screen and (max-width : 640px) {
		/* tab */
		.tab .tab_gnb{float:none;width:100%;padding:0;border-bottom:0;margin-left:1px}
		.tab .tab_gnb li a{width:auto;line-height:15px;padding:10px 0;border:0;margin-left:-2px;border:1px solid #ccc}
		.tab .tab_gnb li a.on{border-color:#ccc}
		.tab .tab_gnb.tab_list3 li{margin:0;width:33%;}
		.tab .tab_gnb.tab_list3 li:first-child{width:34%}
		.tab .tab_gnb.tab_list2 li{width:50%;margin:1px 0}
		.tab .tab_gnb.tab_list4 li{width:50%;margin:1px 0}
	}

	/* table  */
	table td .m_data{display:none;}
	table td .m_link{display:block;}
	table td a{line-height:18px;vertical-align:middle}
	table td.td_break{word-break:break-all;}
	@media only screen and (max-width : 768px) {
		/* tbl */
		table .m_hidden{display:none}
		table td .m_data{display:block;line-height:1.5em;font-size:12px;}
		table td .m_link{display:block;padding-top:5px}
		table td .m_data.m_select{padding:5px 0}
		table td .m_data.m_select select{width:100%}
		table td .pc_data{display:none;}

		table{table-layout:auto}
		table td{font-size:1em}
		table td .ellipsis{white-space:normal}
		table td .subject_tit{font-size:1.5em;line-height:1.5em;padding-bottom:0.5em}
		table td.left img{width:13px;vertical-align:middle}
	}

	.tbl01{padding-top:15px}
	.tbl01 table{color:#838383;}
	.tbl01 table th{font-size:1.16em;color:#000;font-weight:normal}
	.tbl01 table tbody tr.notice td{background:#fff2e8}
	.tbl01 table td .img{width:75px;margin:5px auto}
	.tbl01 table td.left{text-align:left;padding:5px 10px}
	.tbl01 table td.center{text-align:center;}
	.tbl01 table td .text04{font-size:1.7em}
	.tbl01 table thead th{height:50px;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;background:url(../../images/common/bg_line01.png) 0 0 no-repeat}
	.tbl01 table thead th:first-child{background:none;}
	.tbl01 table thead th.no_line{background:none;}
	.tbl01 table td{height:50px;text-align:center;border-bottom:1px solid #e7e7e7;font-size:1.14em;color:#282828}
	.tbl01 table td a.btn_encore{color:#fff}
	.tbl01 table td .info{display:block;padding-top:10px;padding-bottom:5px;color:#838383}
	.tbl01 table td .date{display:block;}
	.tbl01 table tr.tr_content td{border-bottom:0}
	.tbl01 table td.btn_lank_area a{display:inline-block;margin:1px}
	.tbl01 select{width:100px;line-height:25px;height:25px;}
	@media only screen and (max-width : 640px) {
		/* table */
		.tbl01 .col1{width:50px}
	}

	.tbl02{margin-top:15px;border:3px solid #000;margin-bottom:200px;}
	.tbl02.no_bottom{margin-bottom:30px}
	.tbl02.no_line{border:1px solid #666}
	.tbl02.no_line table td{height:20px}
	.tbl02 table{color:#838383;line-height:20px;}
	.tbl02 table th{padding:15px 0;color:#282828;font-size:16px}
	.tbl02 table thead th{font-weight:normal;background:#c1dcda;border-bottom:1px solid #a8a8a8}
	.tbl02 table th, .tbl02 table td{border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;color:#282828;word-break:break-all;}
	.tbl02 table td{padding:8px 5px;text-align:center;line-height:20px;font-size:13px;word-break:break-all}
	.tbl02 table td select{font-size:13px;padding:4px 5px;background-color:#f6f6f6}
	.tbl02 table td.left{padding-left:10px;text-align:left;padding-right:10px;}
	.tbl02 table td.no{padding:0}
	.tbl02 table td a{color:#005982;font-weight:bold;}
	.tbl02 table td a:hover{color:#000;text-decoration:underline;}
	.tbl02 table thead tr th:first-child{border-left:0}
	.tbl02 table .th_bg01 th{background:#9b978d;color:#fff;border-color:#e7e7e7;}
	.tbl02 table .th_bg02 th{background:#8d969b;color:#fff;border-color:#e7e7e7;border-bottom:1px solid #000}
	.tbl02 table .th_bg03 th{font-size:14px;padding-top:15px;padding-bottom:15px;background:#879594;color:#fff;border-bottom:1px solid #000}
	.tbl02 table .th_bg04 th{background:#595d7c;color:#fff;border-color:#e7e7e7;}
	.tbl02 table tr.on td{background:#fff3f3;font-weight:bold}
	.tbl02 table tr.on td[rowspan]{background:#fff;font-weight:normal;}
	.tbl02 table button{display:block;margin:3px auto;font-size:12px;border-radius:3px;vertical-align:middle;padding:0 10px;line-height:25px;color:#fff;background:#9b978d}
	.tbl02 table button:hover{background:#222}
	.tbl02 table tr.font12 th{font-size:12px}
	.tbl02 table tr.font11 th{font-size:12px}
	.tbl02 table tr.bg01 td{background:#e8f7f8;font-weight:bold}
	.tbl02 table tr.bg02 td{background:#faf3e7;font-weight:bold}
	.tbl02 table tr.bg03 td{background:#f7eeeb;font-weight:bold}
	.tbl02 table tfoot tr td{height:40px;background:#f9f4e6;text-align:center;border-left:1px solid #e7e7e7;}

	.tbl02 .empty{line-height:50px;text-align:center}
	.table_list_area .data_col{padding:3px 0}
	.table_list_area .data_col:first-child{border-bottom:1px solid #eee}
	.table_list{}
	.table_list li{border-top:1px dashed #eee}
	.table_list li:first-child{border-top:0}
	.table_list li a, .table_list li i{padding:5px;display:block;line-height:20px;font-style:normal;font-size:12px}
	.table_list li a:hover{color:#005982;}
	@media only screen and (max-width : 1024px) {
		.tbl02{overflow-x:auto}
		.tbl02 table{width:1100px; min-width: auto}
		.tbl02 table th{font-size:14px}
		.tbl02.tbl_port_cost table{width:1000px}
	}
	@media only screen and (max-width : 768px) {
		.tbl02.tbl_mobile{border:0;margin-bottom:0}
		.tbl02.tbl_mobile table{width:100%;}
		.tbl02.tbl_mobile table thead{display:none}
		.tbl02.tbl_mobile table tbody{display:block}
		.tbl02.tbl_mobile table tbody tr{position:relative;display:block;margin:10px 0;border-top:2px solid #aaa; border-bottom:1px solid #aaa;}
		.tbl02.tbl_mobile table button{margin:3px 0}
		
		.tbl02.tbl_mobile table tbody td.left{padding-left:110px}
		.tbl02.tbl_mobile table tbody td, .tbl02.tbl_mobile table tbody td.no{clear:both;display:block;padding-left:110px;padding-top:5px;padding-bottom:5px;padding-right:10px;line-height:30px;position:relative;min-height:32px;text-align:left;overflow:hidden;}
		.tbl02.tbl_mobile table tbody td[data-th='LOCATION']{display:none}
		.tbl02.tbl_mobile table tbody td{border-left:0}
		.tbl02.tbl_mobile table tbody td .m_data{padding:5px 0;font-size:13px}
		.tbl02.tbl_mobile table tbody td:before{position:absolute;font-size:12px;font-weight:bold;left:0;width:90px;padding:0 5px;text-align:center;top:0;bottom:0;line-height:43px;letter-spacing:-1px;content: attr(data-th); background:#fafafa;overflow:hidden;}
		
		.tbl02.tbl_info_terminal table{width:950px}
		.tbl02.tbl_info_terminal table tbody td{font-size:12px}
		.tbl02.tbl_info_terminal table tbody td a{font-size:12px}
		.tbl02.tbl_info_terminal .col1{width:110px}
		.tbl02.tbl_info_terminal .col2{width:200px}

		.tbl02.tbl_port_cost table{width:800px}
		.tbl02.tbl_port_cost table tbody td{font-size:12px}
		.tbl02.tbl_port_cost table tbody td a{font-size:12px}
	}

	.tbl03{position:relative;border-right:1px solid #c7cbd1;}
	.tbl03 table{border-top:1px solid #c7cbd1;}
	.tbl03 table th{height:10px;font-size:14px;background:#e7f1e9;font-size:14px}
	.tbl03 table th, .tbl03 table td{text-align:center;line-height:1.4em;border-left:1px solid #c7cbd1;border-bottom:1px solid #c7cbd1;color:#282828;}
	.tbl03 table td.left{text-align:left;padding-left:10px}
	.tbl03 table td{padding:5px;font-size:12px}
	.tbl03 table th.bg01{background:#f9f9f9;color:#f00;font-weight:bold}
	.tbl03 table tfoot td{border-top:2px solid #aaa;color:#000;font-size:14px}

	.tbl04{padding-top:15px}
	.tbl04 table{color:#838383;line-height:20px;}
	.tbl04 table th{color:#282828;}
	.tbl04 table tbody tr.notice td{background:#fff2e8}
	.tbl04 table td .img{width:75px;margin:5px auto}
	.tbl04 table td.left{text-align:left;padding:5px 10px}
	.tbl04 table td.center{text-align:center;}
	.tbl04 table td .text04{font-size:1.7em}
	.tbl04 table thead th{height:50px;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;background:url(../images/common/bg_tbl_line01.png) 0 0 no-repeat}
	.tbl04 table thead th:first-child{background:none;}
	.tbl04 table thead th.no_line{background:none;}
	.tbl04 table td{height:50px;text-align:center;border-bottom:1px solid #e7e7e7;color:#282828}
	.tbl04 table td a.btn_encore{color:#fff}
	.tbl04 table td .info{display:block;padding-top:10px;padding-bottom:5px;color:#838383}
	.tbl04 table td .date{display:block;}
	.tbl04 table tr.tr_content td{border-bottom:0}
	.tbl04 table td.btn_lank_area a{display:inline-block;margin:1px}
	.tbl04 select{width:100px;line-height:25px;height:25px;font-size:14px;}
	.tbl04 .col1{width:60px}
	.tbl04 .col2{}
	.tbl04 .col3{width:120px}
	.tbl04 .col4{width:120px}
	.tbl04 .col5{width:100px}
	.tbl04 .empty{text-align:center;padding:30px;border-bottom:1px solid #a8a8a8}
	.list_img{overflow:hidden;display:block;margin:10px auto;width:80px;height:65px;border:2px solid #68717e;line-height:65px;text-align:center;background:#efefef}

	.tbl05{margin-top:5px;border:3px solid #000000}
	.tbl05 table{}
	.tbl05 table thead tr th{font-weight:normal;height:48px;border-left:1px solid #e7e7e7;border-bottom:1px solid #000000;color:#fff;background:#879594}
	.tbl05 table thead tr th:first-child{border-left:0}
	.tbl05 table thead tr th a{color:#fff}
	.tbl05 table tbody tr td{height:85px;text-align:center;border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7}
	.tbl05 table tbody tr td:first-child{border-left:0}
	.tbl05 table tbody tr td.left{text-align:left;padding: 0 20px}
	.tbl05 .empty{text-align:center;padding:30px;border-bottom:1px solid #a8a8a8}
	.tbl05 table tfoot tr td{height:40px;background:#f9f4e6;text-align:center;border-left:1px solid #e7e7e7;}
	.tbl05 table tfoot tr td:first-child{border-left:0}
	.tbl05 table tfoot tr td.left{padding:0 20px;text-align:left;}
	.tbl05 table .th_bg04 th{background:#595d7c;color:#fff;border-color:#e7e7e7;}
	.tbl05 table thead tr.font11 th{font-size:11px}
	.tbl_statics.tbl05 table tbody tr.on td > a{color:#000}
	.tbl_statics.tbl05 table tbody tr.on td{color:#000}
	.tbl_statics.tbl05 table tbody tr td > a{color:#8d8d8d}
	.tbl_statics.tbl05 table tbody tr td{color:#8d8d8d}
	.tbl_continental table tbody td{font-size:12px;color:#282828}
	.tbl_continental table tbody td a{font-size:12px}
	@media only screen and (max-width : 1024px) {
		.tbl05{overflow-x:auto}
		.tbl05 table{width:1100px}
		.tbl05 table th{font-size:12px}
	}
	@media only screen and (max-width : 768px) {
		.tbl05{overflow-x:hidden}
		.tbl05 table{width:100%;}
		.tbl05 table tfoot{display:none}
		.tbl05 .m_link{padding-bottom:5px}
		.tbl05 table tbody td.left > a.link_href{display:block;padding-top:10px;font-size:13px}
	}

	.tbl06{border:3px solid #f3f3f3;background:#fff;padding:10px}
	.tbl06 table {}
	.tbl06 tbody td{padding-top:3px;padding-bottom:3px;border-bottom:1px solid #dedede}
	.tbl06 tbody th{font-weight:normal;font-size:14px;border-bottom:1px solid #dedede;color:#7f7f7f;}

	.tbl_report .col1{width:60px}
	.tbl_report .col2{width:120px}
	.tbl_report .col3{width:220px}
	.tbl_report .col4{width:60px}
	.tbl_report .col5{width:437px}
	.tbl_report .col6{width:40px}

	.tbl_one_comment .col1{width:60px}
	.tbl_one_comment .col3{width:110px}
	.tbl_one_comment .col4{width:60px}

	.tbl_board .col1{width:60px}
	.tbl_board .col2{width:auto}
	.tbl_board .col3{width:120px}
	.tbl_board .col4{width:80px}

	.tbl_import .col1{width:60px}
	.tbl_import .col2{width:400px}
	.tbl_import .col6{width:250px}

	.tbl_info_news .col1{width:60px}
	.tbl_info_news .col2{width:100px}
	.tbl_info_news .col3{width:auto}
	.tbl_info_news .col4{width:70px}
	.tbl_info_news .col5{width:160px}
	.tbl_info_news .col6{width:100px}
	.tbl_info_news .col7{width:60px}
	
	.tbl_info_terminal .col1{width:5%}
	.tbl_info_terminal .col2{width:auto}
	.tbl_info_terminal .col4{width:20%}
	.tbl_info_terminal .col5{width:7%}
	.tbl_info_terminal .col6{width:7%}
	.tbl_info_terminal .col7{width:7%}
	.tbl_info_terminal .col8{width:8%}
	.tbl_info_terminal .col9{width:8%}
    .tbl_info_terminal .col10{width:3%}

	.tbl_info_refinery .col1{width:5%}
	.tbl_info_refinery .col2{width:25%}
	.tbl_info_refinery .col3{width:auto}
	.tbl_info_refinery .col4{width:10%}
	.tbl_info_refinery .col5{width:10%}
	.tbl_info_refinery .col6{width:10%}
	.tbl_info_refinery .col7{width:5%}

	.tbl_port_cost .col1{width:50px}
	.tbl_port_cost .col2{width:370px}
	.tbl_port_cost .col3{width:90px}
	.tbl_port_cost .col4{width:90px}
	.tbl_port_cost .col5{width:90px}
	.tbl_port_cost .col6{width:60px}
	.tbl_port_cost .col7{width:90px}
	.tbl_port_cost .col8{width:50px}
	@media only screen and (max-width : 1024px) {
		.tbl_port_cost .col1{width:40px}
		.tbl_port_cost .col8{width:50px}
	}

	.tbl_continental .col1{width:40px}
	.tbl_continental .col2{width:200px}
	.tbl_continental .col10{width:100px}
	.tbl_continental .col11{width:85px}
	.tbl_continental .col12{width:45px}
	@media only screen and (max-width : 768px) {
		.tbl_continental .col2{width:auto}
	}

	.tbl_ta_plan .col1, .tbl_ta_plan .col4{width:70px}
	.tbl_ta_plan .col3{width:110px}

	.tbl_ta_plan_list .col1{width:28px} 
	.tbl_ta_plan_list .col2{width:252px} 
	.tbl_ta_plan_list .col3{width:70px} 
	.tbl_ta_plan_list .col4{width:80px} 
	.tbl_ta_plan_list .col5{width:150px}

	.tbl_portcost .col1{width:45px}
	.tbl_portcost .col3{width:100px}
	.tbl_portcost .col4{width:100px}
	.tbl_portcost{position:relative;}
	.tbl_portcost .unit{position:absolute;right:0;top:-30px;font-weight:bold;color:red}
	
	.tbl_crude {overflow-x:auto}
	.tbl_crude .col1{width:100px}
	.tbl_crude .col2{width:80px}
	.tbl_crude .col3{width:80px}
	.tbl_crude .col4{width:80px}
	.tbl_crude .col5{width:300px}
	.tbl_crude .col6{width:50px}

	.tbl_regional_price{overflow-x:auto}

	.tbl_regional_price .col1{width:100px}
	.tbl_regional_price .col11{width:300px}
	.tbl_regional_price .col12{width:50px}

	@media only screen and (max-width:768px) {
		.tbl_portcost{overflow-x:auto}
		.tbl_portcost table{width:400px}
	}

	.tbl_write{padding-top:15px;}	
	.tbl_write table{border-top:2px solid #000;}
	.tbl_write table tbody th{padding:10px 5px;border-bottom:1px solid #eee;}
	.tbl_write table tbody td{border-bottom:1px solid #eee;}
	.tbl_write .col1{width:120px;}
	.tbl_write .col2{}
	
	.tbl_comment .col1{width:120px;}
	.tbl_comment .col2{width:auto;}
	.tbl_comment{padding-bottom:10px;background:#fff;}
	.tbl_comment table{color:#575757;border-top:1px solid #000000}
	.tbl_comment table tbody th{height:40px;font-weight:normal;text-align:right;padding-right:10px;border-bottom:1px solid #e7e7e7}
	.tbl_comment table tbody td{text-align:left;padding:5px;border-bottom:1px solid #e7e7e7}
	.tbl_comment table tbody td.data_view{min-height:200px;padding:5px;}
	.tbl_comment span{vertical-align:middle}
	.tbl_comment textarea{height:80px}

	.tidal_table_top{position:relative;margin-bottom:10px}
	.tidal_table_top h4{line-height:42px;font-size:24px;}
	.tidal_table_top .btn{position:absolute;right:0;top:0}
	.tidal_table_list{border:5px solid #009fc6}
	.tidal_table_list .tidal_month{line-height:45px;font-weight:bold;font-size:18px;color:#fff;background:#009fc6;text-align:center}
	.tidal_table_list table{float:left;width:50%;}
	.tidal_table_list table td{height:30px;border:1px solid #e0e0e0;color:#4c4c4c;text-align:center;}
	.tidal_table_list table thead td{border-bottom:1px solid #b3b3b3}
	.tidal_table_list table tr.bg01 td{height:20px;color:#525252;background:#e0f2e9;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3}
	.tidal_table_list h5{line-height:30px;border-bottom:1px solid #b3b3b3}

	.tbl_sun{margin:0px 50px 20px;border:5px solid #c2d6da;}
	.tbl_sun .tit_month{line-height:40px;text-align:center;color:#000;font-weight:bold;font-size:15px;background:#c2d6da}
	.tbl_sun table thead tr.tit th{font-size:16px;font-weight:bold;}
	.tbl_sun table thead tr th{height:30px;padding-top:3px;font-size:14px;border:1px solid #848b96;border-bottom:2px solid #848b96;text-align:center;font-weight:normal;}
	.tbl_sun table tbody td{width:50px;height:25px;padding-top:2px;text-align:center;border:1px solid #dadcdf;color:#5d5d5d;font-size:13px}
	.tbl_sun table tbody tr.today td{background:#f4f4f4;}
	.tbl_sun table tbody tr.line td{border-bottom:2px solid #ccc}
	.tbl_sun table tbody td.td_date{background:#f9f8f8;font-weight:bold;font-size:16px}
	.tbl_sun table thead th.th_date{background:#f9f8f8;}
	.tbl_sun.tbl_tidal{border-color:#009fc6}
	.tbl_sun.tbl_tidal table{float:left;width:50%}
	.tbl_sun.tbl_tidal .tit_month{background:#009fc6;color:#fff}
	.tbl_sun.tbl_tidal tr.unit th{height:20px;background:#e0f2e9}
	.tbl_sun.tbl_tidal thead .th_date{background:#fff;}
	.tbl_sun.tbl_tidal .tbl_current td{background:#fffdf2}
	.tbl_sun.tbl_tidal .tbl_current th{background:#fffdf2}

	/* tbl_each */
	.tbl01 .col1{width:100px}
	.tbl01 .col3{width:100px}
	.tbl01 .col4{width:100px}
	.tbl01 .col5{width:100px}
	.tbl01 .col6{width:100px}
	.tbl01 .col7{width:100px}

	.tbl_sun .col1{width:25%}
	.tbl_sun .col2{width:25%}
	.tbl_sun .col3{width:25%}
	.tbl_sun .col4{width:25%}

	@media only screen and (max-width:1200px) {	
		.tbl_sun.tbl_tidal table{float:none;width:100%}
		.sun_area table{float:none;width:100%}
		.sun_area .sun_btn{right:0}
		.btn_month_list a{width:15%;margin:1px 0;border-radius:3px;font-size:12px}
		
		.tbl_sun{margin:0px}
		.tbl_sun .col1{width:18%}
		.tbl_sun .col2{width:30%}
		.tbl_sun .col3{width:26%}
		.tbl_sun .col4{width:26%}
	}
	@media only screen and (max-width : 380px) {
		/* table */
		.tbl_sun table thead tr th{font-size:11px}
		.tbl_sun.tbl_tidal .tbl_current th{font-size:11px}
	}

	/* list */
	.list01 li{font-size:14px}
	.list01 > ul > li{position:relative;z-index:20;margin:5px 0;padding-left:110px;color:#676767}
	.list01 > ul > li .tit{display:block;position:absolute;z-index:25;top:0px;left:0px;width:110px}
	.list01 > ul > li.no{padding-left:0}
	@media only screen and (max-width : 640px) {
		.list01 li{font-size:12px}
	}

	/* gallery_list  */
	.gallery_list01{padding-top:5px}
	.gallery_list01 .list_area{margin-left:-10px;margin-right:-10px;}
	.gallery_list01 .list_area > li{float:left;width:31.3%;background:#fff;margin: 8px 1%}
	.gallery_list01 .list_area > li.only_img .gall_img a{height:auto}
	.gallery_list01 .list_area > li.only_img .gall_img a img{height:auto}
	.gallery_list01 .gall_con{overflow:hidden;position:relative;z-index:30;height:450px;border:1px solid #eee;}

	.gallery_list01 .gall_title{padding:20px 25px 10px}
	.gallery_list01 .gall_title a{display:block;color:#454444;font-weight:normal;letter-spacing:-1px;text-align:center;}
	.gallery_list01 .gall_content{padding:0 25px;}
	.gallery_list01 .gall_info{position:absolute;z-index:40;bottom:15px;left:0;right:0;text-align:center;color:#272727;font-weight:bold}

	.gallery_list01 .gall_img a{display:block;text-align:center}
	.gallery_list01 .gall_con .gall_img img {height:250px}
	.empty_list{text-align:center;}

	@media only screen and (max-width:1200px) {	
		.gallery_list01 .list_area > li{width:48%;}
		.gallery_list01 .gall_title{padding:5px 5% 10px;}
		.gallery_list01 .gall_title a{font-size:20px;line-height:1.2em}
		.gallery_list01 .gall_content{padding:0 5%;font-size:12px;line-height:1.5em}
		.gallery_list01 .gall_con{margin:0px;height:300px}

		.gallery_list01 .gall_img a span{width:auto !important;}
		.gallery_list01 .gall_con .gall_img img{height:180px}
	}
	@media only screen and (max-width : 640px) {
		/* gallery_list */
		.gallery_list01 .gall_title img{width:14px}
		.gallery_list01 .list_area > li{width:48%;border:0;margin:1%;}
	}
	@media only screen and (max-width : 380px) {
		/* gallery_list */
		.gallery_list01 .list_area{margin-left:0;margin-right:0}
		.gallery_list01 .list_area > li{width:100%;border:0;margin:3px 0;}
		.gallery_list01 .gall_con{height:280px}
	}
	/* search_result */
	.search_result{padding-top:20px}
	.search_info1{margin-top:5px;padding:10px 0 3px 0;border-top:1px solid #eee}
	.serach_result_board{}
	.search_result_list li a{color:#4f88d3;text-decoration:underline;}
	.search_result_list li .tit{padding-left:10px;padding-top:10px;}
	.search_result_list li .con{padding-left:10px;padding-top:8px;padding-bottom:8px;font-size:13px;line-height:1.4em}
	.search_result_list li .name a{color:#555;text-decoration:none}
	.search_result_list li .sch_datetime{color:#555}
	.search_result_list li .info{padding-left:5px}
	.sch_more{padding-top:20px;padding-bottom:30px;text-align:right}
	.sch_more a{color:#4f88d3;text-decoration:underline;}

	/* search_cate_area */
	.search_cate_area{padding-top:30px}
	.search_cate_area ul li{float:left;margin-left:-1px;}
	.search_cate_area ul li a{display:block;padding:0 20px;line-height:35px;border:1px solid #cfcfcf;background:#fff;}
	.search_cate_area ul li a.sch_on{background:#f4f4f4}

	@media only screen and (max-width : 640px) {
		/* .search_result */
		.search_result_list li .info{display:block;padding:5px 0}
		.search_cate_area ul li{float:none;margin:3px 0}
		.search_cate_area ul li a{line-height:30px;}
	}

	/* bo_table_list */
	.bo_table_list{position:relative;z-index:50;padding-bottom:40px}
	.bo_table_list > ul{width:600px;margin:0 auto;}
	.bo_table_list > ul > li{position:relative;float:left;width:50%;margin-left:-1px}
	.bo_table_list > ul > li.no a.tit{background-image:none}
	.bo_table_list > ul > li > a{display:block;border:1px solid #bcbcbc;text-indent:20px;line-height:45px;color:#7e7e7e;background:#fff url(../images/common/icon_arrow_bottom05_ori.gif) 95% 50% no-repeat}
	.bo_table_list > ul > li a.tit{padding-right:20px;background:#fff url(../images/common/blit_arrow.gif) 95% 50% no-repeat;}
	.bo_table_list > ul > li a.tit:hover{background-color:#efefef;}
	.bo_table_list > ul > li.on > a.tit{background-color:#e7ebf0;color:#5d6775}
	.bo_table_list ul.depth02{position:absolute;display:none;top:46px;left:0;right:0;border:1px solid #bcbcbc;background:#fff}
	.bo_table_list ul.depth02 > li > a{display:block;padding:8px 20px;color:#000}
	.bo_table_list ul.depth02 > li.on a{background-color:#e7ebf0}
	.bo_table_list ul.depth02 > li > a.on{color:#ff2a00}
	.bo_table_list ul.depth02 > li a.tit{}
	.bo_table_list ul.depth02 > li a:hover{color:#000;background:#f7f7f7}
	.bo_table_list ul.depth02 > li a{border-top:1px solid #bcbcbc;font-size:14px}
	.bo_table_list ul.depth02 > li:first-child > a{border-top:0}
	.bo_table_list ul.depth03 > li > a{display:block;padding:8px 20px;font-size:12px;text-indent:10px;color:#5d6775}
	.bo_table_list ul.depth03 > li.on > a{color:#ff2a00}
	@media only screen and (max-width: 1024px){
		.bo_table_list > ul{width:90%}
	}
	@media only screen and (max-width: 768px){
		.bo_table_list > ul > li{float:none;width:auto;margin-left:0;margin-bottom:3px}
		.bo_table_list > ul > li > a{font-size:13px;line-height:35px}
		.bo_table_list > ul > li:first-child{width:auto}
		.bo_table_list ul.depth02{position:static;min-height:113px;overflow-y:auto}
	}
	.bo_fx{padding-top:10px}

	/* tab01 */
	.tab01 .tab_list{position:relative;z-index:30;}
	.tab01 .tab_list ul{float:left;padding-left:25px;padding-right:70px;border-bottom:1px solid #dbdbdb;}
	.tab01 .tab_list ul li{float:left;margin:0 2px;position:relative;z-index:40;bottom:-1px;}
	.tab01 .tab_list ul li a{display:block;width:120px;text-align:center;line-height:35px;border:1px solid #dbdbdb;background:#f7f7f7;color:#494949}
	.tab01 .tab_list ul li.on{}
	.tab01 .tab_list ul li.on a{background:#fff;border-bottom-color:#fff;}

	/* layerPop_area */
	.layer_pop_area{display:none;position:absolute;z-index:1200;left:5%;right:5%;bottom:10%;top:10%;overflow-y:auto}
	.layer_pop_area.narrow{left:50%;margin-left:-350px;width:700px;right:inherit;}
	.layer_pop_area.wide{width:1100px;margin:0 auto}
	.layer_pop_area .layer_title h2{padding:0 30px;text-indent:30px;line-height:60px;color:#fff;font-size:22px;background:#f66110;font-weight:normal}
	.layer_pop_area .layer_content{position:relative;z-index:120;padding:20px 80px;background:#fff}
	.layer_pop_area .btn_close{position:absolute;z-index:130;right:23px;top:28px}
	.layer_pop_area .btn_close2{position:absolute;z-index:130;right:5px;top:5px}
	.layer_pop_area .btn_close2.info{right:20px;top:20px}
	.layer_pop_area.layer_all_menu{left:inherit;right:0;width:850px}
	.layer_pop_area.layer_all_menu .layer_content{padding:0}

	.info_form .btn_close2.info{right:20px;top:20px;background-image:url(../images/content/btn_close_white.png)}

	/* width */
	.layer_pop_area::-webkit-scrollbar {width: 8px;}
	/* Track */
	.layer_pop_area::-webkit-scrollbar-track {background:#000; }
	/* Handle */
	.layer_pop_area::-webkit-scrollbar-thumb {background:#686868;width:6px}
	/* Handle on hover */
	.layer_pop_area::-webkit-scrollbar-thumb:hover {background:#4c4c4c; }

	.not_map_img{display:none;position:relative;z-index:110}
	.not_map_img img{max-width:100%}
	.not_map_area{display:none;position:absolute;z-index:110;left:5%;right:5%;width:1200px;margin:0 auto;padding-top:50px;text-align:center;}
	.not_map_area .btn_close{position:absolute;z-index:120;top:0;right:0;width:50px;height:50px;}
	
	@media only screen and (max-width : 1024px) {
		/* layer_pop */
		.layer_pop_area.wide{width:90%;margin:0 5%;}
		.layer_pop_area.wide.layer_all_menu{position:fixed;width:280px;margin:0;top:0 !important;bottom:0;background:#fff}
	}
	@media only screen and (max-width : 768px) {
		.layer_pop_area.narrow{left:5%;margin-left:0;width:auto;right:5%;max-height:500px}
		.layer_pop_area.narrow .title03{font-size:20px;line-height:22px}
	}

	/* layout */
	html, body{width:100%;position:relative;z-index:1;}
	.ie7 body{overflow-x:hidden;min-width:1600px}
	.allwrap{min-width:1600px;margin:0 auto;}
	.header{position:relative;z-index:60;width:1600px;margin:0 auto;}
	.main_inner{position:relative;z-index:40;width:1600px;margin:0 auto;}
	.content_top{position:relative;z-index:15;width:1600px;margin:0 auto;}
	.content{padding-bottom:100px;}
	.container_wrap{position:relative;/* z-index:1*/} 
	.content{position:relative;/*z-index:1;*/min-height:800px;margin:0 auto;}
	.content_area img{max-width:100%}
	.footer_wrap{border-top:1px solid #cccccc}
	.footer{position:relative;z-index:10;width:1600px;margin:0 auto;padding-bottom:10px;padding-top:40px;padding-bottom:30px}
	.blind{display:none;position:absolute;z-index:1100;top:0;bottom:0;left:0;right:0;background:url(../images/common/bg_black60.png);}
	.blind2{display:none;position:absolute;z-index:1100;top:0;bottom:0;left:0;right:0;background:url(../images/common/bg_black60.png);}
	.bg_line01{border-top:1px solid #b4b4b4}
	.loading{position:absolute;z-index:100;top:50%;width:100px;height:100px;margin-top:-50px;left:50%;margin-left:-50px;background:url(../images/common/ajax_loader.gif) 50% 50% no-repeat;}
	.page_top{position:fixed;bottom:2%;right:2%;z-index:900; transition: all 2s;-webkit-transition: all 2s; /* Safari */}
	.page_top .btn_top:hover{margin-bottom:2px;}
	.tooltip_area{display:none;position:absolute;z-index:150;top:0;left:0;padding:15px;background:#fff;border-radius:5px;box-shadow:0px 0px 10px #000}
	.tooltip_area span.tail{display:none;position:absolute;z-index:150;left:0;right:0;bottom:-15px;width:20px;height:20px;margin:0 auto;background:url(../images/common/bg_tooltip_tail.png) no-repeat;}
	.tooltip_area .con .tbl_terminal{margin:0 auto;}
	.tooltip_area .btn_close3{position:absolute;z-index:160;top:5px;right:5px}

	/* container */
	.content_top_wrap{border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;position:relative;z-index:50}
	.content_top .path_area{float:left;}
	.content_top .lastest_list_area{float:right;}
	@media only screen and (max-width : 1600px) {
		.main_inner{position:relative;width:auto}
	}
	@media only screen and (max-width : 1024px) {
		.content_top_wrap{overflow-x:auto} 	
	}


	/* board_area */
	.board_area{width:1200px;padding-bottom:100px;margin:0 auto}

	/* content_text */
	.content_text {position:relative;z-index:30;width:1200px;margin:0 auto;padding:30px 0 20px}
	.content_text h4{text-align:center;}
	.content_text h5{text-align:center;}
	.content_text p{padding:10px 0;text-align:center;}
	.content_text .ceo_img{padding-top:30px;text-align:center;}
	.content_text .ceo_img p{padding-top:20px}
	.content_text .ceo_img p span{display:block;font-weight:bold}

	/* 태블릿가로 */
	@media only screen and (max-width:1600px){
		.allwrap{min-width:inherit;width:auto}
		.header, .content_top, .footer, .main_inner, .board_area{width:1150px}
		.content_top .lastest_list_area{display:none;}
	}
	@media only screen and (max-width:1200px) {
		.header, .content_top, .footer, .main_inner, .board_area{width:96%;padding-left:2%;padding-right:2%;}
		.content_text{width:92%;padding-left:4%;padding-right:4%; padding-bottom:20px;padding-top:40px}
	}
	@media only screen and (max-width:1024px) {
		.content{padding-bottom:20px}
		.content_top{display:none}
	}
	@media only screen and (max-width:768px) {
		.footer{padding-top:10px;padding-bottom:10px}
		.allwrap{min-width:320px;}
		.page_top{display:none}
	}

	/* header */
	.main_page .header{position:absolute;z-index:100;top:0;right:0;left:0;border:0}
	.main_page .header .logo{background:url(../images/common/logo2.png) 0 50% no-repeat;}
	.main_page .btn_menu{background:url(../images/common/btn_menu.png) 50% 50% no-repeat;}
	.header h1{float:left;}
	.header .logo{display:block;width:150px;height:75px;text-indent:-9999px;background:url(../images/common/logo.png) 0px 50% no-repeat;}
	.header .top_btn_area{position:relative;float:right;padding-top:18px;padding-bottom:5px;}
	.header .top_btn_area .btn_member_area{display:inline-block;position:relative;margin-right:10px;z-index:50;}
	.header .top_btn_area .btn_member_area a{color:#333}
	.allwrap.main .header .top_btn_area .btn_member_area {color:#fff}
	.allwrap.main .header .top_btn_area .btn_member_area a{color:#fff}
	.header .top_btn_area .btn_member_area a:hover{font-weight:bold;}
	.header .top_btn_area .btn_portdesk_area{display:inline-block;position:relative;margin-right:0px;z-index:50}
	.header .top_btn_area .btn_info_news_area{display:inline-block;position:relative;margin-top:2px;margin-right:20px;z-index:50}

	.link_port_list{display:none;position:absolute;z-index:100;right:0;left:0;top:35px;border:1px solid #eee;border-top:0;border-radius:3px}
	.link_port_list li{border-top:1px solid #eee;}
	.link_port_list li a{display:block;background:#fff;font-size:12px;line-height:28px;padding-top:2px;text-align:center;letter-spacing:0px}
	.link_port_list li a:hover{background:#fafafa}

	@media only screen and (max-width:1200px) {
		.main_page .header .logo{background-size:90px}
		.header .top_btn_area .btn_member_area a{font-size:12px}
	}
	@media only screen and (max-width : 768px) {
		/* header */
		.header .top_btn_area .btn_member_area{display:none}
		.main_page .header .logo{height:50px;background:url(../images/common/logo.png) no-repeat;background-size:65px;background-position:0 50%}
		.main_page .btn_menu{background:url(../images/common/btn_menu2.png) 50% 50% no-repeat;background-size:20px auto}
		.main_page .header .top_btn_area{padding-top:5px}
		.main_page .header .top_btn_area .btn_info_news_area{margin-right:0}
		.header .logo{width:80px;height:50px;background-size:80px;background-position:0 50%}
		.btn_menu{background-size:20px auto}
		.header .top_btn_area{padding-top:5px}
		.btn_info_news{display:block;width:100px;line-height:32px;height:auto;border-radius:5px;background:#00a3a8;font-size:11px}
		.btn_portdesk{display:block;width:100px;line-height:32px;height:auto;border-radius:5px;background:#0563a0;font-size:11px}
		.header .top_btn_area .btn_info_news_area{margin-right:0}

		.link_port_list li a{padding:5%;line-height:1.2em;}
		.link_port_list{top:26px}
	}

	/* top_search */
	.top_search{display:none;position:absolute;z-index:40;top:12px;right:120px;background:#fff}
	.top_search input[name="stx"]{width:115px;background:#fff}
	@media only screen and (max-width:768px) {
		/* top_search */
		.btn_search_list{width:298px;margin-top:5px;text-align:center;text-indent:0}
		.top_search{top:4px;right:85px;}
		.btn_search{width:70px;background-image:none;padding-left:0;text-align:center;text-indent:0}
	}

	/* animate */
	@keyframes upDown {
		0%   {bottom: 5px}
		50%  {bottom: 0}
		100% {bottom: 5px}
	}
	@keyframes animatedBackground {
		0%{ 
			background-position: 0 0;
			background-size: 1903px 819px;
			-webkit-background-size: 1903px 819px;
			-o-background-size: 1903px 819px;
			-ms-background-size: 1903px 819px;
		}
		50% {
			background-position: -80px 0;
			background-size: 2000px 861px;
			-webkit-background-size:  2000px 861px;
			-o-background-size: 2000px 861px;
			-ms-background-size:  2000px 861px;
		}
		100% { 
			background-position: 0 0;
			background-size: 1903px 819px;
			-webkit-background-size: 1903px 819px;
			-o-background-size: 1903px 819px;
			-ms-background-size: 1903px 819px;
		}
	}

	/* main */
	.visual_area01 img{width:100%}
	.main_area01{position:relative;z-index:30}
	.main_area01 .icon_mouse{position:absolute;z-index:100;bottom:25px;left:50%;margin-left:-25px;width:50px;height:80px;background:url(../images/common/icon_mouse.png) 50% 50% no-repeat}
	.main_area01 .icon_arrow{animation: upDown 2s linear 2s infinite;position:absolute;z-index:100;bottom:5px;left:50%;margin-left:-25px;width:50px;height:30px;background:url(../images/common/icon_arrow_bottom03.png) 50% 50% no-repeat}
	
	.main_area02{overflow:hidden;border-top:2px solid #000;background:url(../images/main/bg_main_area02.gif?v=1) 50% 0 no-repeat;}
	.main_area02 .main_ceo{padding-left:60px;height:200px}
	.main_area02 .main_ceo a{display:block;}
	.main_area02 .main_ceo h2{padding-top:30px}
	.main_area02 .main_ceo p{width:500px}
	.main_area02 .main_inner{background:url(../images/main/main_area02.jpg?v=1) right 50% no-repeat}
	.main_area02 .main_oil{position:relative;z-index:50;padding-left:60px;height:290px}
	.main_area02 .main_oil h2{padding-top:60px}
	.main_area02 .main_oil .btn_link_arrow{position:absolute;z-index:60;left:760px;top:117px}

	.main_area03{position:relative;z-index:20}
	.main_area03 img{max-width:100%;width:100%}
	.main_area03 .main_develop{position:absolute;left:0;bottom:0;width:550px;padding-right:300px;height:205px;background:#fff;}
	.main_area03 .main_develop h2{padding-top:65px;text-align:center;color:#0b419b;font-size:48px;font-weight:normal;}
	.main_area03 .main_develop .main_act_link{position:absolute;right:0;top:0;width:300px;height:205px;background:#3e8bbc}
	.main_area03 .main_develop .main_act_link a{display:block;color:#fff;padding-left:95px;padding-top:80px;padding-bottom:83px;background:url(../images/main/bg_link_arrow.gif?v=1) 50% 120px no-repeat}
	.main_area03 .main_develop .main_act_link a:hover{background:#295590}

	.main_area04{padding-bottom:100px}
	.main_area04 h2{font-size:36px;padding:100px 0 20px;color:#4c4c4c;text-align:center}
	.main_area04 ul{width:1080px;margin:0 auto;padding-bottom:70px}
	.main_area04 ul li{float:left;position:relative;width:33%;padding:20px 0;}
	.main_area04 ul li a{display:block;}
	.main_area04 ul li .num{position:absolute;left:0;width:82px;line-height:82px;height:82px;top:50%;margin-top:-41px;font-size:18px;color:#fff;text-align:center;background:url(../images/main/bg_round.png) 50% 50% no-repeat;}
	.main_area04 ul li .con{padding-left:100px;padding-right:20px}
	.main_area04 ul li .con p.text04{padding:5px 0;text-transform:uppercase}

	.main_area05{background:#f7f7f7;}
	.main_area05 ul {text-align:center;height:510px}
	.main_area05 ul li{position:relative;z-index:20;display:inline-block;width:360px;padding-bottom:102px;margin:0 -2px;background:#fff}

	.main_area05 ul li .info{padding:0 40px;}
	.main_area05 ul li .tit{font-size:26px;line-height:30px;padding:25px 0px 20px;color:#555555;letter-spacing:-1px;text-align:left;}
	.main_area05 ul li .text{font-size:12px;color:#898989;text-align:left;}
	.main_area05 ul li .btn_more03{position:absolute;bottom:20px;left:40px}
	.main_area05 ul li img{max-width:100%;width:100%}
	.main_area05 ul li .img{height:220px;overflow:hidden;}
	.main_area05 ul li:hover img{transform: scale(1.2, 1.2);transition: all 1s}

	.main_area06 .lastest_list_area{width:600px}
	.main_area06 .lastest_list_area ul li a .con{width:500px}
	.main_area06{margin-top:93px;padding:10px 0;border-top:1px solid #cccccc}
	.main_area06 .tit{padding-left:55px;background:url(../images/common/icon_doc.png) 15px 50% no-repeat; }

	/* 태블릿가로 */
	@media only screen and (max-width:1600px){
		.main_area02{background:url(../images/main/bg_main_area02_2.gif?v=1) 0 0 repeat-x;}
		.main_area02 .main_inner{background:url(../images/main/main_area02_2.jpg?v=1) 0 50% no-repeat;}
		.main_area04{padding-bottom:30px}
		.main_area04 ul{width:90%}
		.main_area04 ul li{width:50%}
	}

	@media only screen and (max-width:1200px) {	
		/* main */
		.main_area04 h2{padding-top:40px;}
		.main_area05{border-bottom:1px solid #eee}
		.main_area05 ul{height:auto}
		.main_area05 ul li{width:33%}
		.main_area05 ul li.li02{width:33%;padding-bottom:102px}
		.main_area05 ul li .img{height:150px;}
		.main_area05 ul li .info{padding:0 5%}
		.main_area05 ul li .btn_more03{top:330px;left:5%}
	}
	@media only screen and (max-width : 1000px) {
		/* main */
		.main_area01 .icon_mouse{display:none}
		.main_area02 .main_inner{width:100%;padding:0}
		.main_area02 .main_oil .btn_link_arrow{left:inherit;right:20px}
		.main_area03 .main_develop{position:static;width:auto;height:80px;padding:0;border-bottom:1px solid #eee}
		.main_area03 .main_develop h2{overflow:hidden;float:left;padding-top:0;width:63%;line-height:80px;font-size:23px}
		.main_area03 .main_develop .main_act_link {position:static;float:right;width:37%;height:80px}
		.main_area03 .main_develop .main_act_link a{padding:22px 0;text-align:center;font-size:12px}
		.main_area04 ul{padding-bottom:20px}
		.main_area04 ul li{float:none;width:100%}
		.main_area05 ul{height:auto}
		.main_area05 ul li .tit{font-size:20px;letter-spacing:-1px;text-align:center;}
		.main_area05 ul li .btn_more03{left:5%;top:inherit;bottom:10px}
		.main_area06{margin-top:0px}
		.main_area06 .lastest_list_area{width:auto}
		.main_area06 .lastest_list_area ul{right:0}
		.main_area06 .lastest_list_area ul li a .con{}
	}
	@media only screen and (max-width : 800px) {
		/* main */
		.main_area02{}
		.main_area02 .main_inner{background:none}
		.main_area02 .main_ceo{padding:10px 5% 30px;height:auto;background:#f6f6f6}
		.main_area02 .main_ceo h2{padding-top:15px}
		.main_area02 .main_ceo p{width:auto;}
		.main_area02 .main_oil {padding-left:5%;height:80px;background:#fff}
		.main_area02 .main_oil .btn_link_arrow{left:200px;top:50%;margin-top:-25px;background-size:12px}
		.main_area02 .main_oil h2{padding-top:0;line-height:80px}
		.main_area05 ul li .img{height:130px}
		.main_area05 ul li .text{text-align:center}
	}
	@media only screen and (max-width : 640px) {
		/* main */
		.main_area01{padding-top:50px}
		.main_area01 .icon_mouse{display:none}
		.main_area01 .icon_arrow{display:none}
		.main_area04 ul{width:90%;}
		.main_area05{padding-top:5px}
		.main_area05 ul{padding:5% 8%}
		.main_area05 ul li{float:none;display:block;width:100%;margin:5px 0;border:1px solid #eee}
		.main_area05 ul li.li02{display:block;width:100%}
		.main_area05 ul li .btn_more03{left:50%;margin-left:-50px}
		.main_area06 .lastest_list_area ul li a .con{width:200px}
	}
	@media only screen and (max-width : 380px) {
		.main_area06 .lastest_list_area ul li a .date{display:none}
	}
	@media only screen and (max-width : 1000px) {
		.bx-wrapper .bx-pager.bx-default-pager{bottom:40px}
		.bx-wrapper .bx-pager.bx-default-pager a{width:15px;height:15px;background-size:15px}
		.bx-wrapper .bx-pager.bx-default-pager a.active{background-size:15px}
	}
	@media only screen and (max-width : 640px) {
		.bx-wrapper .bx-pager.bx-default-pager{bottom:10px}
	}

	/* family_site_area */
	.family_site_area{position:absolute;z-index:100;top:36px;right:20px;width:177px;}
	.family_site_area .btn_familysite{display:block;width:177px;padding:4px 10px 3px;font-size:12px;background:url(../images/common/bg_familysite.gif) no-repeat;}
	.family_site_area ul{display:none;border:1px solid #eee;border-top:0;}
	.family_site_area ul li:first-child{border-top:0}
	.family_site_area ul li{background:#fff;border-top:1px solid #eee}
	.family_site_area ul li a{display:block;padding:4px 10px 3px;font-size:12px;}
	.family_site_area ul li a:hover{background:#efefef}

	/* address_area */
	.address_area{padding-left:190px;padding-right:200px;}
	.address_area p{color:#8d8d8d;font-size:13px}
	.address_area p.copyright{padding-top:3px;color:#4b4b4b}
	
	/* footer_logo_area */
	.footer_logo_area{position:absolute;z-index:30;top:50%;margin-top:-25px;left:20px}
	.footer_logo_area img{height:51px;}
	@media only screen and (max-width: 1024px){
		.address_area{padding-left:190px;padding-right:20px;}
	}
	@media only screen and (max-width : 768px) {
		.family_site_area{right:inherit;left:50%;margin-left:-88px;top:20px}
		.address_area{padding:0;padding-top:20px}
		.address_area p{line-height:1.5em;font-size:11px}
		.address_area p.copyright{padding-top:5px;text-align:center}
		.address_area p span{display:block;text-align:center}
		.footer_logo_area{position:static;padding:5px 0;margin:10px 0;text-align:center;}
	}


	/* all_menu_area */
	.all_menu_logo{display:none;}
	.all_menu_login{display:none;}
	.all_menu_area .btn_member_area{position:absolute;right:100px;top:28px;color:#fff}
	.all_menu_area .btn_member_area a{display:inline-block;line-height:33px;padding:0 10px;font-size:15px;color:#fff;font-weight:bold;}
	.all_menu_area .all_menu_title{padding:28px 25px;color:#fff;background:#0b419b;font-size:22px;font-weight:bold;}
	.all_menu_area ul li a{display:block;color:#3b3b3b;}
	.all_menu_area ul li a:hover{font-weight:bold}
	.all_menu_area ul.depth1{position:relative;z-index:105;height:630px;}
	.all_menu_area ul.depth1 > li{position:absolute;z-index:110;width:230px;padding-left:190px;padding-top:10px;padding-bottom:18px}
	.all_menu_area ul.depth1 > li > a{font-family:'Titillium';position:absolute;z-index:115;left:20px;top:10px;width:170px;line-height:30px;font-size:20px;font-weight:bold;letter-spacing:-1px}
	.all_menu_area ul.depth2 > li > a{line-height:18px;font-size:15px;padding:3px 0}
	.all_menu_area ul.depth3 > li > a{line-height:20px;font-size:12px;color:#777}
	.all_menu_area ul.depth1 > li.m1{left:0;top:0px;border-right:1px solid #e1e1e1}
	.all_menu_area ul.depth1 > li.m2{left:0;top:148px;min-height:453px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
	.all_menu_area ul.depth1 > li.m3{left:420px;top:0px}
	.all_menu_area ul.depth1 > li.m4{left:420px;top:148px;border-top:1px solid #e1e1e1;}
	.all_menu_area ul.depth1 > li.m5{left:420px;top:325px;border-top:1px solid #e1e1e1;}
	.all_menu_area ul.depth1 > li.m6{left:420px;top:517px;border-top:1px solid #e1e1e1;}

	@media only screen and (max-width : 1000px) {
		/* all_menu_area */
		.all_menu{height:100%;margin:0 auto}
		.all_menu .layer_content{height:100%;border:0;padding:0}
		.all_menu .btn_close{top:0px;right:0px;height:50px;width:50px;background:#eee url(../images/common/btn_close02.png?v=1.1) 50% 50% no-repeat;background-size:15px;}

		.all_menu_area .depth2{display:none;background:#f4f4f4}
		.all_menu_area .depth3{display:none;background:#333}
		.all_menu_area ul.depth1 > li.on > a{background-image:url(../images/common/icon_arrow03.png); background-position: right 50%;background-repeat:no-repeat;background-size:20px}
		.all_menu_area ul.depth1{height:auto;}
		.all_menu_area ul.depth1 > li{position:static;width:auto;float:none;padding:0;border:0;}
		.all_menu_area ul.depth1 > li > a{position:static;width:auto;padding-left:20px;text-transform:uppercase;padding-top:6px;padding-bottom:4px;font-size:14px}
		.all_menu_area ul.depth1 > li.m1{border-left:0;border-right:0}
		.all_menu_area ul.depth1 > li.m2{border-right:0;min-height:auto;}
		.all_menu_area ul.depth1 > li.m3{border-top:1px solid #eee}
		.all_menu_area ul.depth2 > li > a{padding-left:25px;font-weight:normal;font-size:13px;}
		.all_menu_area ul.depth2 > li.on > a{background:#e4e4e4}
		.all_menu_area ul.depth2 > li{border-top:1px solid #eee}
		.all_menu_area ul.depth3 > li{border-top:1px solid #222;}
		.all_menu_area ul.depth3 > li > a{padding-left:30px;padding-top:6px;padding-bottom:5px;font-weight:normal;color:#fff}
		.all_menu_area ul.depth3 > li.on > a{background:#000}
		.all_menu .all_menu_logo{display:block;width:100%;height:50px;text-indent:-9999px;background:url(../images/common/logo.png) 10px 50% no-repeat;background-size:70px}
		.all_menu .all_menu_area{position:absolute;z-index:110;top:50px;bottom:0;left:0;right:0;overflow-y:auto}
		.all_menu_area .all_menu_title{padding:15px 0 10px;border-bottom:2px solid #8ea8d4;text-align:center;font-size:15px;font-weight:normal;}
		.all_menu_area .btn_member_area{overflow:hidden;position:static;text-align:center;color:#222;border-bottom:1px solid #efefef}
		.all_menu_area .btn_member_area a{color:#222;font-weight:normal;}
	}

	/* path_area */
	.path_area .path{float:left;position:relative;z-index:30;border-right:1px solid #dfdfdf;background:#fff url(../images/common/blit_arrow.gif) 95% center no-repeat;}
	.path_area .path:first-child{background:none;padding-right:0;border-left:1px solid #dfdfdf;}
	.path_area .path > a{width:150px;padding-top:2px;text-transform:uppercase;padding-right:30px;text-indent:10px;display:block;line-height:45px;text-align:left;font-family:"Titillium";font-weight:bold;color:#4d4d4d}
	.path_area .path > a.path_home{overflow:hidden;padding-right:0;width:50px;text-indent:-9999px;background:url(../images/common/icon_home.png) center no-repeat}
	.path_area .path.path03{background-color:#5d6775;background-image:url(../images/common/blit_arrow_white.png)}
	.path_area .path.path03 > a{width:180px;color:#fff}
	.path_area .path.path04{background-color:#0063a1;background-image:url(../images/common/blit_arrow_white.png)}
	.path_area .path.path04 > a{width:180px;color:#fff}
	.path_area .path.path05{background-color:#00a4a9;background-image:url(../images/common/blit_arrow_white.png)}
	.path_area .path.path05 > a{width:150px;color:#fff}
	.path_area .path_list{overflow:hidden;display:none;position:absolute;z-index:40;left:-1px;right:-1px;top:47px;border:1px solid #ddd;border-top:0;background:url(../images/common/bg_white70.png)}
	.path_area .path_list li{border-top:1px solid #ccc;} 
	.path_area .path_list li a{font-family:"Titillium";display:block;padding:10px 12px;color:#636060;font-size:13px}
	.path_area .path_list li a:hover{font-weight:bold}
	.path_area .path_list li.on a{background-image:url(../images/common/bg_gray70.png);color:#fff}
	@media only screen and (max-width : 1024px) {
	}
	@media only screen and (max-width : 768px) {
	}

	/* lastest_list_area */
	.lastest_list_area{position:relative;z-index:30;width:650px;}
	.lastest_list_area .tit{position:absolute;z-index:40;left:0;top:0;line-height:45px;color:#355076;font-size:18px;font-family:"Titillium";}
	.lastest_list_area .list_view{overflow:hidden;position:relative;z-index:40;height:45px;}
	.lastest_list_area ul{position:absolute;z-index:50;top:0;left:0;right:0;overflow:hidden;margin-left:180px}
	.lastest_list_area ul li{position:relative;z-index:45;}
	.lastest_list_area ul li a{display:block;font-size:12px;color:#5a5a5a;line-height:45px;font-family:"Titillium";}
	.lastest_list_area ul li a .con{display:block;width:380px;}
	.lastest_list_area ul li a .date{display:block;position:absolute;z-index:40;right:0;top:0;padding-left:20px;background:url(../images/common/bg_line01.gif) 0 50% no-repeat;}
	@media only screen and (max-width : 800px) {
		/* lastest_list_area */
		.lastest_list_area{width:100%}
		.lastest_list_area .tit{position:static;width:130px;margin:0 auto;background-size:20px;padding-left:45px;background-size:20px}
		.lastest_list_area ul{margin:0 10px;padding:0 15px;background:#f4f4f4;border-radius:5px}
		.lastest_list_area ul li a .con{width:190px}

	}
	/* content_info */
	.content_info{position:relative;z-index:30;min-height:819px;text-align:center;background-position:center;background-repeat:no-repeat;}
	.content_info{
		animation: animatedBackground 10s linear -1s 2  normal;
		-ms-animation: animatedBackground 10s linear -1s 2 normal;
	}
	.content_info p{text-align:center}
	.content_info .text01{padding-top:120px;}
	.content_info .btn_arrow{position:absolute;z-index:40;bottom:-40px;left:50%;margin-left:-40px}
	.content_info.about{background-image:url(../images/content/about01.jpg);}
	.content_info.what{background-image:url(../images/content/what01.jpg);}
	.content_info.how{background-image:url(../images/content/how01.jpg);}
	.content_info.portdesk{background-image:url(../images/content/portdesk01.jpg);}
	.content_info.info_news{background-image:url(../images/content/info_news01.jpg?v=1);}
	.content_info.contact{background-image:url(../images/content/contact01.jpg);}
	.content_info.register{background-image:url(../images/content/register01.jpg);}
	.content_info.login{background-image:url(../images/content/login.jpg);}
	@media only screen and (max-width : 1024px) {
		/* content_info */
		.content_info .btn_arrow{bottom:-20px;left:50%;margin-left:-20px;width:40px;height:40px;background-size:40px 40px;}
		.content_info{height:auto;min-height:100%;padding-top:8%;padding-bottom:8%;background-size:130% auto;animation:none;-ms-animation:none;}
		.content_info .text01{padding:5px 0}
		.content_info .title01{padding:5px 0}
	}
	@media only screen and (max-width : 768px) {
		
		.content_info .btn_arrow{display:none}
	}

	/* content_explain */
	.content_explain{width:1200px;margin:0 auto;padding-top:70px;text-align:center;}
	.content_explain p{padding-bottom:30px;text-align:center;font-family:'Titillium'}
	.content_explain .text03{padding-bottom:50px}
	.section{width:1200px;margin:0 auto;}
	@media only screen and (max-width: 1200px){
		.content_explain, .content_list_area, .mk_cate{width:92%;padding:0px 4% 20px}
		.section{width:92%;padding:0px 4% 20px}
		.content_explain .text03 {padding-top:70px}
	}
	@media only screen and (max-width : 1024px) {
		.content_explain .text03{padding-top:30px;padding-bottom:20px;font-size:14px;line-height:1.3em}
		.content_explain p{padding-bottom:0}
	}
	@media only screen and (max-width : 768px) {
		.content_explain{padding:0px 0 10px}
	}

	/* content_img_area */
	.content_img_area p{padding-top:180px;font-size:60px;line-height:65px;text-align:center;color:#fff;letter-spacing:-1px;font-weight:100}
	.content_img_area p span{font-size:48px;line-height:52px;}
	.ceo_area .content_img_area{height:500px;background:url(../images/content/ceo01.jpg) 50% 0 no-repeat;}
	.history_area .content_img_area{height:500px;background:url(../images/content/history01.jpg) 50% 0 no-repeat;}
	.hseq_area .content_img_area{height:500px;background:url(../images/content/hseq01.jpg) 50% 0 no-repeat;}
	.ci_area .content_img_area{height:500px;background:url(../images/content/ci01.jpg) 50% 0 no-repeat;}
	.affiliate_area .content_img_area{height:500px;background:url(../images/content/affiliate01.jpg) 50% 0 no-repeat;}
	.ship_agency_area .content_img_area{height:500px;background:url(../images/content/ship_agency01.jpg) 50% 0 no-repeat;}
	.ship_agency_area.protective .content_img_area{height:500px;background:url(../images/content/ship_agency02.jpg) 50% 0 no-repeat;}
	.ship_agency_area.weather .content_img_area{height:500px;background:url(../images/content/ship_agency03.jpg) 50% 0 no-repeat;}
	.ship_agency_area.coastal .content_img_area{height:500px;background:url(../images/content/ship_agency04.jpg) 50% 0 no-repeat;}
	.ship_agency_area.oil .content_img_area{height:500px;background:url(../images/content/ship_agency05.jpg) 50% 0 no-repeat;}
	.ship_broking_area .content_img_area{height:500px;background:url(../images/content/ship_broking01.jpg) 50% 0 no-repeat;}
	.ship_transfer_area .content_img_area{height:500px;background:url(../images/content/ship_transfer01.jpg) 50% 0 no-repeat;}
	.ship_transfer_area.contingency .content_img_area{height:500px;background:url(../images/content/ship_transfer02.jpg) 50% 0 no-repeat;}
	.ship_transfer_area.sts_location .content_img_area{height:500px;background:url(../images/content/ship_transfer03.jpg) 50% 0 no-repeat;}
	.ship_transfer_area.sts_equip .content_img_area{height:500px;background:url(../images/content/ship_transfer04.jpg) 50% 0 no-repeat;}
	.ship_transfer_area.oil .content_img_area{height:500px;background:url(../images/content/ship_transfer05.jpg) 50% 0 no-repeat;}
	.ship_transfer_area.partnership .content_img_area{height:500px;background:url(../images/content/ship_transfer06.jpg) 50% 0 no-repeat;}
	.safety_supervision_area .content_img_area{height:500px;background:url(../images/content/safety_supervision01.jpg) 50% 0 no-repeat;}
	.safety_supervision_area.safety .content_img_area{height:500px;background:url(../images/content/safety_supervision02.jpg) 50% 0 no-repeat;}
	.terminal_investment_area .content_img_area{height:500px;background:url(../images/content/terminal_investment01.jpg) 50% 0 no-repeat;}
	.activites_area .content_img_area{height:500px;background:url(../images/content/activites01.jpg) 50% 0 no-repeat;}
	.activites_area.act_2012 .content_img_area{height:500px;background:url(../images/content/activites02.jpg) 50% 0 no-repeat;}
	.activites_area.act_2013 .content_img_area{height:500px;background:url(../images/content/activites03.jpg) 50% 0 no-repeat;}
	.activites_area.act_2014 .content_img_area{height:500px;background:url(../images/content/activites04.jpg) 50% 0 no-repeat;}
	.activites_area.act_2015 .content_img_area{height:500px;background:url(../images/content/activites05.jpg) 50% 0 no-repeat;}
	.contribution_area.international .content_img_area{height:500px;background:url(../images/content/contribution01.jpg) 50% 0 no-repeat;}
	.contribution_area.indivisual .content_img_area{height:500px;background:url(../images/content/contribution02.jpg) 50% 0 no-repeat;}
	.contribution_area.fee_meal .content_img_area{height:500px;background:url(../images/content/contribution03.jpg) 50% 0 no-repeat;}
	.member_area .content_img_area{height:500px;background:url(../images/content/activites02.jpg) 50% 0 no-repeat;}
	
	@media only screen and (max-width : 1000px) {
		.content_img_area{padding:40px 20px;height:auto !important;background-size:100% 100% !important}
		.content_img_area p{padding:5% 0;font-size:20px;line-height:1.1em;letter-spacing:0}
		.content_img_area p span{font-size:18px;line-height:1.2em}
	}
	@media only screen and (max-width : 640px) {
		/* content_explain */
		.content_img_area{padding:4% 20px;}
	}

	/* content_list_area */
	.content_list_area{width:1200px;margin:0 auto;padding:30px 0 100px;border-top:1px solid #eee}
	@media only screen and (max-width:1200px) {
		.content_list_area{width:auto}
	}
	.content_list_area .btn_area_right{padding-bottom:100px;padding-top:50px;padding-right:30px}
	.top_area_tit{padding-bottom:20px;text-align:center}
	.top_area_tit.mt{margin-top:50px}
	.top_area_tit.line{border-top:1px solid #eee;padding-top:50px}
	
	.bottom_list_area{margin-top:20px;margin-bottom:60px;border-top:1px solid #eee;border-bottom:1px solid #eee}
	.bottom_list_area ul{text-align:center;padding:2px 0}
	.bottom_list_area li{display:inline-block;margin:5px;width:140px}
	.bottom_list_area li a{display:block;border:1px solid #eee}
	.bottom_list_area li a.on{border:3px solid #214891}

	.bottom_list_area.photo_list.no_line{border:0}
	.bottom_list_area.photo_list li{overflow:hidden;display:block;float:left;width:140px;}
	.bottom_list_area.photo_list ul{padding:5px 70px}
	
	.add_photo_list {margin-bottom:50px;padding:0px 75px 30px;border-bottom:1px solid #eee}
	.add_photo_list .top_img{width:338px;float:left;}
	.add_photo_list .top_area .ytplayer_area{float:right;width:700px;height:478px;}
	.ytplayer_area{position:relative;z-index:20;width:980px;height:550px;margin:0 auto}
	
	@media only screen and (max-width:1200px) {
		.bottom_list_area li{width:13%;margin:2px 0}
		.bottom_list_area.photo_list ul{padding:5px 0}
		.bottom_list_area.photo_list li{width:15.6%;margin:2px 0.5%;}
		.bottom_list_area.photo_list li img{width:100%;max-width:100%}

		.add_photo_list{width:720px;margin:0px auto 50px;padding:0 0 20px;}
		.add_photo_list .top_img{width:210px;}
		.add_photo_list .top_area .ytplayer_area{width:500px;height:300px}

		.ytplayer_area{width:600px;height:450px}
	}
	@media only screen and (max-width : 800px) {
		.content_list_area .btn_area_right{padding-top:20px;padding-bottom:50px}
		.bottom_list_area.photo_list li{width:19%;margin:2px 0.5%}

		.add_photo_list{width:100%;margin:0px auto 50px;padding:0 0 20px;}
		.add_photo_list .top_img{float:none;width:200px;margin:0 auto 20px;text-align:center}
		.add_photo_list .top_area .ytplayer_area{float:none;margin:0 auto}
	}
	@media only screen and (max-width : 800px) {
		/* ytplayer_area */
		.ytplayer_area{width:90%;margin:0 auto;height:350px}
	}
	@media only screen and (max-width : 640px) {
		/* ytplayer_area */
		.ytplayer_area{width:300px;margin:0 auto;height:200px}
		.add_photo_list .top_area .ytplayer_area{float:none;width:300px;height:200px}
		
		.bottom_list_area.photo_list ul{padding:10px 0px}
		.bottom_list_area.photo_list li{width:24%;margin:2px 0.5%}
		.bottom_list_area li{width:14%;}
		.bottom_list_area{margin-bottom:30px}
		
		.content_list_area .btn_area_right{padding-right:0}
		.content_list_area{padding-top:40px}
	}

	.no_link_area{padding-bottom:5px;text-align:center;}
	.no_link_area span{padding:0 5px;}
	.no_link_area a{padding:0 5px;color: blue;text-decoration: underline;}

	/* history_list */
	.history_list{padding-bottom:50px}
	.history_list p{padding:20px 0;text-align:center;}
	.history_list dl{position:relative;z-index:30;padding-left:280px;border-top:2px solid #000}
	.history_list dl.no_line{border-top:0}
	.history_list dl dt{position:absolute;z-index:35;left:50px;top:2px;width:210px;padding-right:20px;font-size:36px;line-height:75px;color:#000;font-weight:bold;text-align:right;}
	.history_list dl dd ul li{position:relative;z-index:40;padding:25px 0 25px 280px;font-size:18px;border-top:1px solid #e8e8e8;font-weight:lighter}
	.history_list dl dd ul li:first-child{border:0}
	.history_list dl dd ul li .month{position:absolute;z-index:45;top:2px;left:25px;font-size:30px;line-height:75px;color:#848484;font-weight:lighter}
	@media only screen and (max-width:1200px) {	
		/* content */
		.history_list dl{padding-left:100px}
		.history_list dl dt{left:20px;text-align:left;}
		.history_list dl dd ul li{padding-left:120px}
	}
	@media only screen and (max-width : 800px) {
		.ci_img img{width:30%}
		.history_list dl dt{top:-2px;left:10px;text-align:left;width:75px;font-size:30px}
		.history_list dl dd ul li{padding-left:60px;font-size:16px;line-height:1.2em}
		.history_list dl dd ul li .month{font-size:25px;left:0;top:-2px;font-size:20px}
	}
	/* hseq_iso_list */
	.hseq_iso_list{padding:30px 0 40px;text-align:center;}
	.hseq_iso_list li{display:inline-block;width:240px;text-align:center}
	.hseq_iso_list li p{font-size:12px;line-height:1.2em}
	.hseq_list_area h4{text-align:center;}
	.hseq_list li{padding:20px 0;line-height:1.5em;border-top:1px solid #e8e8e8;text-align:center;}
	.hseq_list li:first-child{border-top:0}
	.hseq_list li strong{display:block;}
	.hseq_list li span{display:block;}

	/* ci */
	.ci_img{padding:20px 0 50px;text-align:center}

	/* affiliate */
	.link_website{padding:20px 30px;border-bottom:1px solid #e8e8e8;}
	.link_website:hover{color:#003399}

	/* ship_agency */
	.our_idea_list{padding-top:10px;padding-bottom:30px}
	.our_idea_list li{padding:20px 0;border-bottom:1px solid #d9d8d8;text-align:center;}
	.our_idea_list li strong{display:block;padding-top:12px;padding-bottom:2px;font-size:16px;line-height:1.5em;background:url(../images/common/icon_round.png) 50% 0 no-repeat;}
	.protective_list{margin-top:15px;padding-top:30px;padding-bottom:30px;border:1px solid #c5cdd6;border-left:0;border-right:0}
	.weather_list{margin:30px 0 20px;padding:20px 0;border-top:2px solid #525252;border-bottom:2px solid #525252;text-align:center;}
	.weather_list li{display:inline;}
	.forecast_list{width:250px;margin:20px auto 30px}
	.forecast_list li{padding-top:2px;line-height:25px;border-top:1px solid #eee;text-align:center;font-size:20px;font-weight:bold}
	.forecast_list li:first-child{border-top:0}
	.coastal_img{margin:5px 0;padding:20px 0;border-top:1px solid #d9d8d8;border-bottom:1px solid #d9d8d8;text-align:center}
	.oil_list .text05{margin-top:20px;padding-top:30px;border-top:1px solid #d9d8d8}
	.oil_list .text03 span{display:inline-block;padding:7px 30px 6px;border-top:1px solid #d9d8d8;border-bottom:1px solid #d9d8d8}
	
	/* ship_broking */
	.ship_broking_list{padding-bottom:30px}
	.ship_broking_list li{padding:20px 0;text-align:center;border-top:1px solid #d9d8d8;font-size:16px}
	.ship_broking_list li:first-child{border-top:0}
	.ship_broking_list strong{display:block;padding-top:2px;padding-bottom:2px;font-size:18px;line-height:1.5em;}
	.ship_broking_list .img{padding:10px 0;text-align:center}
	.ship_broking_list .img img{max-width:100%;}

	/* ship_transfer */
	.trans_img{margin-bottom:10px;border-bottom:1px solid #e2e2e2;}
	.trans_img img{text-align:center;width:120px}
	.trans_origin_text{margin-bottom:10px;border-bottom:1px solid #e2e2e2;}
	.sts_equip_list li{padding:15px 30px 25px;}
	.sts_equip_list li.li01{margin-bottom:10px;border-bottom:1px solid #73a0bf}
	.sts_equip_list li .text{float:left;width:600px}
	.sts_equip_list li .text p{text-align:left}
	.sts_equip_list li .text h4{text-align:left}
	.sts_equip_list li .img{float:right;}
	.oil_logo_list{padding:40px 0;text-align:center}
	.partnership_list li{margin-top:10px;border-top:1px solid #e2e2e2}
	@media only screen and (max-width:1200px) {	
		.sts_equip_list li{padding:15px 5%}
		.sts_equip_list li .text{float:none;text-align:center;width:auto}
		.sts_equip_list li .img{float:none;padding-top:20px;text-align:center;}
	}

	/* safety_supervision */
	.our_people_list{margin:5px 0 15px;padding:15px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}
	.stcw_list li{text-align:center}
	.safety_list > li{padding:25px 0;border-top:1px solid #e2e2e2;text-align:center}
	.safety_list > li:first-child{border-top:0;padding-top:0}
	.safety_list > li > strong{display:block;padding-bottom:2px}

	/* terminal_investment */
	.okyc_img{margin-top:10px;padding:30px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;text-align:center}

	/* contribution */
	.student_list{margin-top:20px;border-top:1px solid #cdcdcd}
	.student_list ul{margin:0 40px}
	.student_list li{float:left;width:280px;margin:5px 0;border-bottom:1px solid #cdcdcd}
	.student_list li span{display:block;padding:5px}
	.student_list li span.info{padding-bottom:30px}
	.student_list li span.img{padding-top:40px}
	@media only screen and (max-width:1200px) {	
		.student_list li{width:32%;padding:0 0.5%}
		.student_list li span.info{font-size:12px}
	}
	@media only screen and (max-width : 800px) {
		.student_list ul{margin:0}
	}
	@media only screen and (max-width : 768px) {
		/* content */
		.student_list ul{margin:0}
		.student_list li{width:46%;padding:0 2%}
		.student_list li span.img{padding-top:10px;text-align:center}
		.student_list li span.info{height:30px;padding-bottom:10px;font-size:11px;text-align:center;padding:3px 0 5px;line-height:1.2em}
	}

	.indivisual_text{margin-top:20px;padding-top:80px;padding-bottom:80px;padding-left:380px;padding-right:40px;background:url(../images/content/indivisual01.jpg) 150px 50% no-repeat;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
	.indivisual_text p{text-align:left;}
	.indivisual_text p.text04{font-weight:normal;color:#575757}
	.indivisual_text p.text05{border-top:1px solid #dddddd;color:#000}
	.indivisual_text p.text07{padding-top:80px;color:#000}
	@media only screen and (max-width:1200px) {	
		.indivisual_text{padding-left:220px;background-position:0 50%}
	}
	@media only screen and (max-width : 800px) {
		.indivisual_text{padding-left:150px;padding-top:30px;background-position:0 50px;background-size:130px}
		.indivisual_text p.text04{font-size:14px;line-height:1.4em}
		.indivisual_text p.text05{font-size:17px;line-height:1.4em}
		.indivisual_text p.text07{padding-top:30px}
	}

	.fee_meal_text{margin-top:20px;padding-top:80px;padding-bottom:80px;padding-left:615px;padding-right:80px;background:url(../images/content/fee_meal01.jpg) 110px 50% no-repeat;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
	.fee_meal_text p{text-align:left;padding-left:30px}
	.fee_meal_text p.text04{font-weight:normal;color:#575757}
	.fee_meal_text p.text05{margin-top:20px;height:70px;padding-top:6px;padding-bottom:0;font-weight:normal;color:#fff;background:url(../images/content/fee_meal02.png) 0 0 no-repeat;}
	.fee_meal_text p.text07{padding-top:80px;color:#000}
	@media only screen and (max-width:1200px) {	
		.fee_meal_text{padding-left:0;padding-top:200px;padding-right:0;background-position:50% 20px;background-size:300px}
		.fee_meal_text p{text-align:center}
		.fee_meal_text p.text05{height:auto;padding:10px 0;background-position:50% 0;font-size:18px;line-height:20px}
	}

	/* port_tariff */
	.port_tariff_list ul{padding:0 60px;border:1px solid #000000;border-left:0;border-right:0}
	.port_tariff_list li{position:relative;z-index:30;padding-left:135px;padding-right:100px;border-top:1px solid #babfc5}
	.port_tariff_list li.dotted{border-top:1px dotted #babfc5}
	.port_tariff_list li:first-child{border-top:0}
	.port_tariff_list li .arrow{display:block;position:absolute;z-index:35;left:80px;top:50%;margin-top:-15px;width:30px;height:30px;background:url(../images/common/icon_arrow3.gif) 50% 50% no-repeat}
	.port_tariff_list li .title{display:block;font-size:12px;padding:10px 20px 7px;border-left:1px solid #848b96}
	.port_tariff_list li .title strong{font-size:14px;font-weight:bold}
	.port_tariff_list li .btn_pdf_down{display:block;position:absolute;z-index:35;right:20px;top:50%;margin-top:-10px}
	@media only screen and (max-width : 800px) {
		.port_tariff_list{margin-top:-40px}
		.port_tariff_list ul{padding:0}
		.port_tariff_list li{padding-left:50px}
		.port_tariff_list li .arrow{left:10px}
	}

  /* port_news */
  .PortNews__tbl{margin-top:15px;margin-bottom:80px;overflow-y:scroll;height:371px}
  .PortNews__tbl td{padding:25px 0;border-top: 1px solid #dcdfe2;border-bottom: 1px solid #dcdfe2;font-weight:600}
  .PortNews__tbl td.tbl_date{color: #38475d;}
  .PortNews__tbl td.tbl_title{text-align:left;padding:0 60px;}
  .PortNews__tbl td.tbl_title a{color: #7e7e7e;}
  .Subscribe__txt div a{padding: 19px 111px;background: #5d6775;color: #fff;font-weight: 600;margin-top: 22px;}
  .freeguide_img img{max-width: 800px;width: 100%;}

	/* port_news popup */
	.SubscribePopup{padding:20px;position:absolute;width:50%;left:50%;top:60%;margin-left:-25%;box-sizing:border-box;z-index:100;margin-top:-134px;display:none;}
	.SubscribePopup__close{display:block;background:url(../images/common/close_icon.png) no-repeat;background-position: center center;width:31px;height:31px;float: right;}
	.SubscribePopup .SubcribeTitle{background:#5d6775;padding:40px 50px;}
	.SubscribePopup .SubcribeTitle h3{font-size:50px;color:#fff;text-align:left;font-family: 'Titillium';font-weight:200;}
	.SubscribePopup .SubcribeTitle p{color:#c8cbcf;text-align:left;line-height:22px;padding-bottom:0px;}
	.SubscribePopup .form_wrap{padding:50px;background:#fff;min-height:670px;}
	.SubscribePopup .form_wrap .top_box{text-align:left;}
	.SubscribePopup .form_wrap .top_box input{padding:15px;width:calc(50% - 8px);height:45px;background:#eef0f1;font-family:inherit;box-sizing:border-box;}
	.SubscribePopup .form_wrap select{padding:15px;width:100%;height:45px;border:0;background:#eef0f1;font-family:inherit;box-sizing:border-box;}
	.SubscribePopup .form_wrap .row_box dl{margin-bottom:24px;}
	.SubscribePopup .form_wrap .row_box dl dt{font-weight:600;margin-bottom:6px;color:#434343;letter-spacing: -0.4px;}
	.SubscribePopup .form_wrap .row_box.col02:after{content:'';display:block;clear:both;}	
	.SubscribePopup .form_wrap .row_box.col02 dl{float:left;margin-right:16px;width:calc(50% - 8px);}
	.SubscribePopup .form_wrap .row_box.col02 dl:last-of-type{margin-right:0;}
  .SubscribePopup .form_wrap .col-type03 dl:first-child{width:35%;}
  .SubscribePopup .form_wrap .col-type03 dl:nth-child(2){width:17%}
  .SubscribePopup .form_wrap .col-type03 dl:nth-child(3){width:43%}
	.SubscribePopup .form_wrap .row_box.col02 input{width:100%;}
	.SubscribePopup .form_wrap .bottom_box{font-weight:600;padding-bottom:40px;}
	.SubscribePopup .form_wrap .bottom_box > p{margin:57px 0 28px;}
	.SubscribePopup .form_wrap .bottom_box p{text-align:left;padding-bottom:0px;}
	.SubscribePopup .form_wrap .bottom_box input{width:13px;margin-right:8px;display:inline-block;}
  .SubscribePopup .form_wrap .bottom_box label{display:inline-block;vertical-align:top;width:calc(100% - 40px);}
	.submit_btn button{padding:23px 69px;background:#5d6775;color:#fff;font-size:18px;font-weight:600;}
	.popup_back{position:fixed;top:0;background:rgb(0 0 0 / 50%);width:100%;height:100%;z-index:99;display:none;}

  .privacy_notice .form_wrap{min-height:700px;}

  @media only screen and (max-width : 1575px) {
		.SubscribePopup{width:80%;margin-left:-40%;}
	}
  @media only screen and (max-width : 1080px) {
		.SubscribePopup{width:80%;margin-left:-40%;padding-bottom: 35px;}
    .SubscribePopup .form_wrap .top_box input{width:100%;}
    .SubscribePopup .form_wrap .row_box.col02 dl{float:inherit;width:100%;}
    .privacy_notice .form_wrap{min-height:1080px;}
	}
  @media only screen and (max-width : 768px) {
		.Subscribe__txt div a{padding:19px;}
    .SubscribePopup .form_wrap{padding:25px;}
    .SubscribePopup .SubcribeTitle{padding:20px 25px}
    .SubscribePopup .SubcribeTitle h3{font-size:30px}
    .SubscribePopup__close{width:25px;height:25px;}
    #port_news_area .board_view_content{padding:10px 5px;}
    #port_news_area .board_view_content .inner{padding:0px;}
    #port_news_area h3{font-size:20px;line-height:24px;}
    #port_news_area .viewer_area .view_close{width:18px;height:18px;}
    .privacy_notice .form_wrap{min-height:1280px;}
	}
  @media only screen and (max-width : 460px) {
    .SubscribePopup .SubcribeTitle h3{font-size:35px;}
    .SubscribePopup__close{width:20px;height:20px;}
    .SubscribePopup .form_wrap, .SubscribePopup .SubcribeTitle {padding: 15px;}
  }
  

	/* map of oil*/
	.map_area{margin-top:20px;border:5px solid #000;position:relative;z-index:100}
	.map{width:100%;height:700px}
	@media only screen and (max-width : 768px) {
		.map{height:400px}
	}
	.btn_not_map a{color:blue;text-decoration:underline;}
	.tbl_terminal {padding-top:5px;width:650px !important;}
	.tbl_terminal th{height:30px;width:40px;font-size:12px;line-height:15px;padding-top:5px;font-weight:normal;background:#ff6527;color:#fff;border:1px solid #bababa}
	.tbl_terminal td{height:20px;font-size:12px;line-height:15px;padding-top:5px;text-align:center;border:1px solid #bababa;color:#383838}
	.terminal_area{position:relative;z-index:90;margin-right:100px}
	.terminal_area .port_list{position:absolute;z-index:100;right:-150px;top:0;bottom:0;overflow-y:auto}
	.port_list{width:130px;padding-right:5px}
	.port_list h5{color:#0065a2;font-size:17px}
	.port_list p{padding:5px 0 10px;line-height:16px}
	.port_list .port_button_area{overflow:hidden;border:1px solid #dfdfdf;}
	.port_list .port_button_area a{display:block;margin:-1px;height:26px;line-height:26px;padding-top:5px;padding-bottom:5px;background:#fff;border:1px solid #dfdfdf;font-size:12px;text-align:center;font-family:"Nanum Gothic";}
	.port_list .port_button_area a:hover{background:#efefef}  
	.port_list .port_button_area a.on{background:#848b96;color:#fff}
	.port_list .port_button_area a.line2{line-height:13px;padding-top:5px;font-size:12px}
	@media only screen and (max-width:1200px) {	
		/* map of oil*/
		.terminal_area{margin-right:0}
		.terminal_area .port_list{position:static;width:100%;padding-top:20px;}
		.port_list .port_button_area{border:0}
		.port_list .port_button_area a{float:left;width:24.2%;margin:2px 0.2%;border-radius:3px}
		.port_list .port_button_area.button01 a{float:none;width:50%;margin:0 auto}
	}
	@media only screen and (max-width : 768px) {
		.port_list .port_button_area a{float:left;width:47%;margin:2px 1%;font-size:11px }
	}


	/* contact office */
	.content_map{width:100%;height:500px}
	@media only screen and (max-width : 640px) {
		.content_map{height:300px}
	}
	/* sunset */
	.sun_area{position:relative;z-index:30}
	.sun_area h4{font-size:24px}
	.sun_area .sun_btn{position:absolute;right:50px;top:-50px}
	.btn_month_list{padding:5px 0;margin-bottom:30px;border-top:2px solid #c2d6da;border-bottom:2px solid #c2d6da;text-align:center;}
	.btn_month_list a{display:inline-block;width:7%;line-height:30px;padding-top:3px;text-align:center;border:1px solid #eee;}
	.btn_month_list a.on{background:#38475d;color:#fff}
	.tidal_info{padding-bottom:5px;text-align:center}
	.tidal_area h4{line-height:40px;padding-bottom:10px}
	.sun_content_area h4{line-height:40px;padding-bottom:10px}
	@media only screen and (max-width:1200px) {	
		.content_text.sun_content_area{padding-top:30px}
	}

	/* search_area */
	.search_area{padding-top:30px;text-align:right}
	.search_area .input-text{width:220px;}
	.search_area .input-select{width:220px;}
	.search_area .each .order_select_area{float:left;}
	.search_area .each .search_input_area{float:right;}
	.search_area .each label{display:inline-block;line-height:32px;padding-right:3px;font-size:13px}
	.search_area select[name="sfl"]{width:120px}

	@media only screen and (max-width : 768px) {
		/* search_area */
		.search_area{width:300px;margin:0 auto;padding-top:0px;padding-bottom:20px;text-align:center}
		.search_area .input-select{display:block;margin:5px 0}
		.search_area select[name="sfl"]{width:300px}
		.search_area .input-text{display:block;float:left;width:215px}
		.search_area .btn_b03{display:none;}
		.search_area .btn_list{margin-top:5px;width:100%}
		.search_area .btn_search{display:block;float:left;}
	}

	/* board_cate_area */
	.board_cate_area{padding-top:30px;padding-bottom:30px}
	.board_cate_area ul{text-align:center;margin-left:5px}
	.board_cate_area ul li{display:inline-block;margin-left:-5px;margin-bottom:-1px}
	.board_cate_area ul li a{display:block;padding:4px 15px;min-width:120px;line-height:32px;border:1px solid #bdbdbd;background:#fff;color:#7e7e7e;}
	.board_cate_area ul li a.on{background:#545e6f;color:#fff}
	.board_cate_area ul li a#bo_cate_on{background:#7e7e7e;color:#fff}
	.board_cate_area.year ul li a{min-width:100px}
	.mk_cate{width: 1200px;margin:0 auto}
	@media only screen and (max-width:1600px){
		.board_cate_area ul li a{padding:0 20px}
	}
	@media only screen and (max-width:1024px) {
		/* board_cate_area */
		.board_cate_area ul{margin:0 5%;text-align:center;}
		.board_cate_area ul li{display:inline-block;width:20%;margin-left:-1px;}
		.board_cate_area ul li a{display:block;text-align:center;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
	}
	@media only screen and (max-width:768px) {
		/* board_cate_area */
		.board_cate_area{padding:10px 5% 30px}
		.board_cate_area .m_area{padding:12px 55px 10px 20px;font-weight:normal;line-height:18px;border:1px solid #ccc;background:#f8f8f8 url(../images/common/icon_arrow03.png) right 50% no-repeat;}
		.board_cate_area ul{display:none;margin:0}
		.board_cate_area ul li{display:block;float:none;width:100%;margin-top:-1px;margin-left:0px;}
		.board_cate_area ul li a{font-size:14px;padding-left:20px;letter-spacing:0;text-align:left;font-weight:normal;}
		.board_cate_area ul.cate_list03{width:33%}
		.board_cate_area ul.cate_list02{width:50%} 
	}


	/* board_view_area */
	.board_view_area .board_view_top{padding:39px 51px;background:#5d6775;}
  .board_view_area .board_view_top h3{color:#fff;font-size:24px;font-weight:600;text-align:left;line-height: 41px;}
	.board_view_area .board_view_top .title{padding-bottom:15px;color:#222;text-align:center;font-weight:normal;font-size:3em;line-height: 1em;letter-spacing: -1px;}
	.board_view_area .board_view_top .info{color:#c8cbcf;}
	.board_view_area .board_view_top .info > span{display:inline-block;}
	.board_view_content{padding:50px;}
	.board_view_content .inner{line-height:1.5em}
	.board_view_content .inner_list{padding:20px;line-height:1.5em}
	.board_view_content .inner p{line-height:1.5em}
	.board_view_content .inner img{max-width:100%}
	.btn_board_bottom{padding-bottom:30px}
	.btn_board_bottom .float_r{padding-top:5px}
	.btn_board_bottom .float_l{padding-top:5px}
  .viewer_area .view_close{background: url(../images/common/close_icon.png) no-repeat;background-position: center center;width: 31px;height: 31px;position:absolute;top:55px;right:40px;}

	.board_view_area.view_report .board_view_top{margin-top:10px;border-top:3px solid #879594;border-bottom:1px solid #879594}

	@media only screen and (max-width : 1024px) {
		.board_view_area .board_view_top .title{font-size:32px}
	}
	@media only screen and (max-width : 768px) {
		.board_view_area .board_view_top{padding:20px 10px}
		.board_view_area .board_view_top .info{top:-18px}
		.board_file_area .tit{width:50px;left:10px}
		.board_file_area ul{padding-left:70px;}
		.board_view_content .inner{padding:15px 10px}
		.board_view_content .inner_list{padding:15px 10px}
		.btn_board_bottom .btn06{padding:0 10px;line-height:40px}
		.btn_board_bottom .btn05{padding:0 15px;line-height:40px}
		.btn_board_bottom .btn02{padding:0 15px;line-height:40px;min-width:90px;text-align:center}
		.wr_content textarea{height:200px}
	}

	/* board_file_area */
	.board_file_area{position:relative;z-index:20;padding:12px 0;margin-bottom:10px;border-bottom:1px solid #d2d2d2}
	.board_file_area .tit{position:absolute;z-index:30;left:20px;top:50%;width:60px;line-height:30px;margin-top:-15px;font-weight:bold;}
	.board_file_area ul{padding-left:80px;padding-right:10px}
	.board_file_area ul li{font-size:12px}
	.board_file_area ul li a{display:block;line-height:15px}
	.board_file_area ul li a img{width:14px}

	/* viewer_area */
	.viewer_pop_area{position:relative;z-index:30}
	.viewer_pop_area .btn_close2{position:absolute;z-index:50;top:20px;right:20px}
	.viewer_area{background:#fff;box-shadow:0 0 10px #222}
	.viewer_area.line01{border-color:#144b8e}
	/* .viewer_area .inner{padding-top:10px} */
	.viewer_area .tbl_inner{padding-top:10px}
	@media only screen and (max-width : 768px) {
		.viewer_area{padding:35px 15px 30px}
	}

	.info_form .viewer_area{padding-top:10px;padding-bottom:30px;background:#25abce url(../images/content/bg_info_layer.png) left bottom repeat-x}

	/* text_area */
	.text_area{padding-top:30px;font-size:16px;line-height:1.5em}

	/* top_content_area */
	.top_content_area{padding-top:30px;border-bottom:1px solid #cfcfcf;}
	.top_content_area .con_area{padding-bottom:20px}
	.top_content_area p{padding:10px 0;font-size:12px;color:#676767;line-height:1.5em}

	/* comment_area */
	.comment_write_area{padding:10px 20px;border:1px solid #e0e0e0;}
	.comment_area{padding:30px 0}
	.comment_area .no_data{padding:5px 0}
	.comment_area h3{border-bottom:1px solid #000}
	.comment_list{padding:10px 20px;margin-top:5px;border-radius:3px;background:#FBFBFB;border:1px solid #e0e0e0}
	.comment_list .comment_name{padding-right:5px;color:#3d3d3d;font-size:18px;line-height:28px;font-weight:bold}
	.comment_list .icon_reply{padding-top:6px;vertical-align:top;background:none;width:auto;height:auto}
	.comment_list header{font-size:12px}
	.comment_area .comment_content{padding:10px 0}
	.comment_reply_area{display:block;margin:5px 0 10px;padding:10px;background:#fff;border:1px solid #eee;}

	/* 레이어팝업 */
	.layer_area{display:none;position:fixed;z-index:100;left:0;right:0;top:0;bottom:0;}
	.layer_area .btn_layer_close{position:absolute;z-index:105;top:0;right:0;width:50px;height:50px;text-indent:-999999px;text-align:left;background:url(../images/common/btn_close02.png) 50% 50% no-repeat;}
	.movie_area{position:fixed;z-index:1000}
	@media only screen and (max-width : 768px) {
		.layer_area{left:5%;right:5%;margin-left:0;width:auto;}
	}

	/* each content  */
		/* login_area */
		.login_area{width:470px;margin:0px auto 0;padding:40px 100px;border-top:2px solid #000;}
		.login_area .inner{padding:0 40px}
		.login_area .login_notice{letter-spacing:-1px;padding-bottom:20px;text-align:center}
		.login_area .login_notice span{color:#3775cf}
		.login_area .login_logo{padding:10px 0;line-height:30px;font-size:28px;text-align:center;letter-spacing:-1px;text-transform:uppercase;}
		.login_area .login_input .input-text{width:246px;padding-top:12px;padding-bottom:12px;border-radius:3px }
		.login_area .login_input li{padding-bottom:9px}
		.login_area .login_input ul{float:left;}
		.login_area .login_input .btn_login{float:right;}
		.login_area .login_save{line-height:40px;}
		.login_area .text_confirm{padding-bottom:20px;}
		.login_area form{padding-bottom:50px;border-bottom:1px solid #d1d1d1}
		
		@media only screen and (max-width : 768px) {
			/* login_area */
			.login_area{width:300px;padding-top:20px}
			.login_area .login_logo span{display:block;font-size:30px;padding:3px 0}
			.login_area .inner{padding:0 0px}
			.login_area .login_input .input-text{width:289px}
			.btn_login{width:100%;line-height:40px;height:40px;font-size:15px;background:#000;color:#fff;text-align:center;text-indent:0;border-radius:3px}
			.btn_login:hover{color:#fff}
			.login_area .btn09{display:block;width:auto;padding:0 33px;margin:2px 0;line-height:45px;border-radius:3px}
			.login_area .btn10{display:block;width:auto;padding:0 25px;margin:2px 0;line-height:35px;border-radius:3px}
		}

		/* privacy_area */
		.privacy_area{margin-top:30px;}
		.privacy_area h3{color:#ff4e00;font-size:18px;line-height:46px;font-weight:normal;}
		.privacy_con{border:5px solid #8a8a8a}
		.privacy_con h4{padding:12px 25px 10px;line-height:30px;letter-spacing:-1px;color:#000;border-bottom:1px solid #000;font-weight:normal;}
		.privacy_con .con{overflow-y:auto;height:300px;padding:10px 25px;color:#4d4d4d}
		.privacy_area .chk{line-height:45px;}

		/* join_agree */
		.join_agree{}
		.join_agree h4{text-align:left;font-size:1.3em;padding-top:15px;padding-bottom:10px;padding-left:20px;border-bottom:1px solid #b2b2b2}
		.join_agree .line{border:5px solid #5d6775}
		.join_agree .line .inner{color:#666;font-size:0.85em;padding:10px 15px;height:250px;overflow-y:auto;border-top:1px solid #dbdbdb}
		.join_agree .agree_chk{padding:5px 0 20px;text-align:right;vertical-align:middle}
		.join_agree .agree_chk input{display:inline-block;margin-right:5px;vertical-align:middle}
		.join_agree .agree_chk label{display:inline-block;line-height:30px;vertical-align:middle;font-size:13px}
		.join_form{padding:0px 65px }
		.join_btn_area{text-align:center;border-top:1px solid #a6a6a6;padding-top:30px;margin:10px 110px}
		.join_btn_area.no_line{border-top:0}
		.join_btn_area .btn_join01{width:120px;display:inline-block;vertical-align:middle;color:#676767;line-height:40px;font-size:14px;border:1px solid #a6a6a6;text-align:center;}
		.join_btn_area .btn_join02{width:120px;display:inline-block;vertical-align:middle;color:#fff;line-height:40px;font-size:14px;border:1px solid #2c466e;text-align:center;background:#2c466e}
		
		@media only screen and (max-width:768px) {
			.join_agree {font-size:0.9em}
			.join_btn_area{margin:10px}
			.join_form{padding:0}
		}
		
		/* join_area */
		.join_area{padding:0 5%}
		.join_area .join_con{float:left;}
		.join_area .join_con.join_member01{width:44%;padding:10px 3% 30px;border:1px dotted #000;border-top:0;border-bottom:0}
		.join_area .join_con.join_member02{width:24%;padding:10px 3%;}
		.join_area .join_con.join_btn{padding-left:3%;padding-top:10px;padding-bottom:200px;border-left:1px dotted #000;}
		.join_area .join_con.join_btn a{display:block;margin-bottom:10px}

		.join_area .join_fee{border-top:1px solid #000}
		.join_area .join_fee dl dt{padding:20px 0 10px;font-size:14px;font-weight:bold;color:#000}
		.join_area .join_tbl{overflow:hidden;margin:20px 0 10px}
		.join_area .join_tbl .btn_doc_down{display:block;float:right;}
		.join_area .join_tbl ul{float:left;width:300px;border-top:1px solid #a8a8a8}
		.join_area .join_tbl ul li{overflow:hidden;padding:0px;border-bottom:1px solid #a8a8a8;}
		.join_area .join_tbl ul li span{float:left;display:block;padding:7px;}
		.join_area .join_tbl ul li span.tit{width:100px;text-align:center;}
		.join_area .join_tbl ul li span.col{padding-left:10px;border-left:1px solid #a8a8a8}
		.join_area .join_text ul dl{padding:10px 0;}
		.join_area .join_text ul dl dt{padding-bottom:3px;font-size:14px;color:#000}
		.join_area .join_text ul dl dd{padding:3px 0}
		.join_area .join_text ul{padding-bottom:30px}
		.join_area {line-height:1.5em;color:#5e5e5e}
		.join_area ul li{padding:3px 0}
		.join_area p{line-height:1.5em;padding-bottom:30px}
		.join_area .txt01{font-size:14px;line-height:1.6em;}
		.join_area .txt01 strong{color:#000}
		.join_area .txt03{font-size:14px;line-height:1.6em;color:#000;font-weight:bold}
		.join_area .txt04{font-size: 14px; font-weight: bold; color: #000000; }
		.join_area .txt05{font-size: 14px; color: #000000; }

		.tbl_join{border-top:2px solid #607b9f;border-bottom:2px solid #607b9f}
		.tbl_join tbody td{border-left:2px solid #607b9f;border-bottom:1px solid #dcdcdc}
		.tbl_join tbody th{height:2.8em;color:#4e607c;text-align:right;padding-right:1em;border-bottom:1px solid #d2d2d2}
		.tbl_join tbody td{padding-left:0.5em;padding-top:0.3em;padding-bottom:0.3em;color:#626262}
		.tbl_join tbody td.no_line{border-bottom:0}
		.tbl_join tbody th.no_line{border-bottom:0}
		.tbl_join tbody .radio_area{padding-right:1em;}
		.tbl_join tbody input[type="text"]{background:#f9f9f9;}
		.tbl_join tbody input[type="password"]{background:#f9f9f9;}
		.tbl_join tbody th.bg01{color:#4e607c}
		.tbl_join .col1{width:150px}
		.tbl_join .frm_info{display:block;padding-bottom:5px;line-height:15px;font-size:0.8em;}
		.tbl_join .input_wrap .row{display:block;padding:2px 0}
		.tbl_join .input_wrap .row label{font-size:0.8em;padding:0 3px}
		.must{color:#f00}
		
		.join_title{font-size:1.4em;line-height:1.3em;padding:10px 0}
		.join_must{position:absolute;right:0;top:0;line-height:30px}
		.join_input_area{position:relative;margin-top:30px}

		@media only screen and (max-width:768px) {
			.join_title{font-size:1.2em}
			.join_must{font-size:0.8em}
			.join_form .join_input_area.normal{margin-top:-50px}
			.tbl_join .col1{width:90px}
			.tbl_join table{font-size:0.8em}
			.tbl_join tbody th{letter-spacing:-1px}
			.input-text{width:95%;padding:8px 2%;}
			.btn_join{margin-top:3px;display:block;width:auto;padding:0}
		}

		/* overlap_area */
		.overlap_area{display:none;position:fixed;z-index:100;width:200px;margin-left:-100px;top:50%;left:50%;margin-top:-75px;background:#fff}
		.overlap_area .line{text-align:center;padding:10px 20px 30px;border:1px solid #000}
		.overlap_area .text{font-size:12px;line-height:1.5em;padding:20px 0 15px}

		/* register_fin_area */
		.register_fin_area{padding-top:50px}
		.register_fin_area .join_fin_img{padding-bottom:30px;text-align:center;}
		.register_fin_area img{max-width:100%}
		.register_fin_area p{padding-bottom:10px;text-align:center;color:#4d565f}
		.register_fin_area .btn_join_fin{padding-top:30px}

		/* find_area */
		.find_area{width:470px;margin:0 auto;padding-top:100px}
		.find_area h3{text-align:center;font-size:28px;padding:10px 0}
		.find_area .inner{padding:0 20px}
		.find_area .find_logo{}
		.find_area h4{line-height:62px;font-weight:normal;padding-top:20px;font-size:24px;color:#4b4b4b;border-top:1px solid #666666}
		.find_area .login_input .input-text{width:248px;line-height:15px;padding-top:12px;padding-bottom:12px }
		.find_area p{padding-bottom:20px}
		.find_area .login_input li{padding-bottom:10px}
		.find_area .login_input ul{float:left;}

		/* map_terminal_area */
		.map_location_area{position:relative;padding-right:100px}
		.map_location_area .map_select_list{position:absolute;right:0;top:0}
		.map_location_area .map_select_list > a{position:relative;margin-bottom:5px;display:block;text-align:center;width:90px;line-height:90px;color:#fff;background:#000;font-size:13px;font-weight:bold;}
		.map_location_area .map_select_list > a:after{position:absolute;left:0;right:0;top:0;content:'';display:block;height:5px;background:#666}
		.map_location_area .map_select_list > a.on#btn_view_refinery:after{background:#539def}
		.map_location_area .map_select_list > a.on#btn_view_termial:after{background:#ff774b}
		.map_location_area .map{padding:0;position:relative;margin:30px 0px;height:680px;width:auto;border:5px solid #000}
		.infomations_map_area{padding:10px;width:630px;margin:0 auto;position:absolute;top:53%;left:30px;right:30px;display:none;overflow-y:auto;background:#fff;border:1px solid #000;border-radius:5px;box-shadow:0 0 10px #a9a8a8;}
		@media only screen and (max-width:768px) {
			.infomations_map_area{width:auto}
			.map_location_area{padding-right:0}
			.map_location_area .map{height:450px}
			.map_location_area .map_select_list{position:static;overflow:hidden;text-align:center}
			.map_location_area .map_select_list > a{display:inline-block;line-height:50px;width:150px;}
		}
		.tbl_map{overflow-x:auto}
		.tbl_map thead th{padding:8px 5px;background:#ff9605;color:#fff;border:1px solid #bbbbbb}
		.tbl_map.refinery thead th{background:#539def}
		.tbl_map tbody td{text-align:center;border:1px solid #bbbbbb;padding:5px}
		.tbl_map tbody td.left{text-align:left}
		.tbl_map .col1{width:35%}
		.tbl_map.refinery .col1{width:40%}
		.tbl_map td > a{font-weight:bold;text-decoration:underline;}
		@media only screen and (max-width:1024px) {
			.tbl_map table tr th{font-size:11px}
			.tbl_map table tr td{font-size:11px}
			.tbl_map table tr td a{font-size:11px}
		}

		/* terminal_info */
		.terminal_info{}
		

		/* daily oil */
		.calendar_area{margin-top:20px;position:relative;}
		.calendar_area .info{font-size:20px;line-height:34px;font-weight:bold;text-align:center;}
		.calendar_area .btn_prev{position:absolute;left:0;top:50%;margin-top:-15px}
		.calendar_area .btn_next{position:absolute;right:0;top:50%;margin-top:-15px}
		.calendar_area a{display:block;width:130px;background:#f7f7f7;font-size:12px;line-height:30px;border:1px solid #eee;text-align:center;border:1px solid #eee;border-radius:3px}
		.calendar_area a:hover{background:#eee}
		@media only screen and (max-width:768px) {
			.calendar_area a{width:110px;font-weight:bold}
		}

		.statics_list{padding:10px 0}
		.statics_list li a{font-size:12px}
		.statics_list li a:hover{font-weight:bold}

		/* request_area */
		.request_area{width:570px;margin:0 auto}
		.request_area h2{font-size:18px;padding-bottom:10px}
		.request_area .img{text-align:center}
		.request_area .more{text-align:right;}
		.request_area .more a{display:inline-block;width:280px;height:70px;background:url(../images/content/bg_more_info.png) no-repeat}
		.request_area .more a span{display:block;padding-top:10px;font-size:16px;color:#545e6f}
		
		.request_form_area form{padding:10px;background:#fff;border-top:2px solid #efefef}
		.request_form_area h2{color:#fff;line-height:40px;font-size:18px;font-weight:normal;}
		.request_form_area input.input-text[name="wr_4"]{width:40%}
		.request_form_area input.input-text[name="wr_5"]{width:40%}
		.request_form_area input.input-text{width:94%}
		.request_form_area textarea.input-text{width:94%}
		.request_form_area label{color:#7f7f7f}
		.request_form_area label[for="wr_5"]{display:inline-block;color:#7f7f7f;width:10%;text-align:right}
		.request_form_area .reg_text{font-size:12px;display:block;padding-top:2px;color:#f00}
		.send_btn{text-align:right;padding-top:10px}