/*  201403014 12:10 (나영준) - Latest Upadte...  */


@charset "utf-8";

/* 사용폰트 등록 */
@font-face{
  font-family: 'nGothic';
  font-style: normal;
  font-weight: normal;
  src:url('font/NanumGothic.eot'); 
  src:url('font/NanumGothic.eot?#iefix') format('embedded-opentype'), 
		local('※'), url('font/NanumGothic.woff') format('woff') 
}

@font-face{
  font-family: 'nGothic';
  font-style: normal;
  font-weight: bold;
  src:url('font/NanumGothic-Bold.eot'); 
  src:url('font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'), 
		local('※'),url('font/NanumGothic-Bold.woff') format('woff') 
}

@font-face{
  font-family: 'nGothic';
  font-style: normal;
  font-weight: bolder;
  src:url('font/NanumGothic-ExtraBold.eot'); 
  src:url('font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'), 
		local('※'), url('font/NanumGothic-ExtraBold.woff') format('woff') 
}



/* CSS3 Document */

html,body{margin:0;padding:0;font-family: "Nanum Gothic", "나눔고딕", "nGothic";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{ margin:0; padding:0; list-style:none;font-family: "Nanum Gothic", "나눔고딕", "nGothic";}
body,h1,h2,h3,h4,input,button {color:#666;}
body{display:block;background-color:#FFF;word-break:break-all;ms-word-break:break-all; margin:0; padding:0;font-size:13px;font-family: "Nanum Gothic", "나눔고딕", "nGothic";}
a {border:none;margin:0;padding:0;}
img {border:none;}
.page_type_a,
.page_type_b {margin:0; padding:0; list-style:none;}
pre {color:#666;font-family: "Nanum Gothic", "나눔고딕", "nGothic";}



article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}/* 하위 브라우저 html5 패치 */

.dialog,
.dialog:link,
.dialog:hover,
.dialog:active,
.dialog:visited {color:#1985a1;text-decoration:underline;font-weight:700;}

.clear {clear:both;}
.black {color:#000;font-weight:700;}
.underline {text-decoration:underline;}

dl {position:relative;}

/* 공통 */

.center_qr {text-align:center;}
.qrbox, .qrbox2 {display:none;margin:10px 5px 10px;border:3px solid #00bdb0;width:100px;height:100px;}
.center_qr .qrbox {margin:25px 25px 25px;}

.qrbox>img,
.qrbox2>img {width:100%;}
.page_type_a article,
.page_type_b article {display:block;padding:0;padding-bottom:30px;border-bottom:0px solid #d5d8da;}

.page_type_a div.imgbox,
.page_type_b div.imgbox {margin:0 20px 10px 0;width:340px;background:#fff;display:block;float:left;overflow:hidden;}
.page_type_a div.imgbox.left,
.page_type_b div.imgbox.left  {position:relative;display:block;margin:0 20px 10px 0;float:left;} 
.page_type_a div.imgbox.right,
.page_type_b div.imgbox.right {position:relative;display:block;margin:0 0 10px 20px;float:right;}

.dubble_img_box {display:block;margin:0px auto 25px;}/* 2개짜리 */
.dubble_img_box div.left {position:relative;display:block;padding-right:8px;float:left;display:inline-block;}
.dubble_img_box div.right {position:relative;display:block;padding-left:8px;float:right;display:inline-block;}
.dubble_img_box div.center {position:relative;display:block;margin:0 auto;}
.dubble_img_box div.full {position:relative;display:block;margin:0 auto;}

.page_type_a div.imgbox2,
.page_type_b div.imgbox2 {width:342px;padding:0;background:#fff;display:block;}
.page_type_a div.imgbox3,
.page_type_b div.imgbox3 {width:700px;padding:0;background:#fff;display:block;}
.page_type_a div.textbox2,
.page_type_b div.textbox2 {width:342px;padding:0;background:#fff;display:block;}
.page_type_a div.engbox,
.page_type_b div.engbox {width:342px;padding:0;display:block;margin:0;}
.page_type_a div.engbox2,
.page_type_b div.engbox2 {width:322px;padding:0;display:block;margin:0;}

.page_type_a article.overtable {display:block;padding:0;padding-bottom:30px;border-bottom:0;}
.page_type_a article.study_unit{margin-top:30px;border-top:2px solid #000;}

.imgbox dt,
.imgbox2 dt {position:relative;overflow:hidden;padding:0;margin:0;}
.imgbox dd,
.imgbox2 dd {position:relative;padding:0;margin:0;}
.imgbox dd a,
.imgbox2 dd a {padding:0;margin:0;}
.imgbox dd img,
.imgbox2 dd img {max-width:340px;}

.page_type_b .imgbox dd img {margin:auto;}
.page_type_a .imgbox dd {margin:0;padding:0;border:0;overflow:hidden;}
.page_type_a .imgbox2 dd {margin:0;padding:0;border:0;overflow:hidden;}

.img_thumbnail1,
.img_thumbnail2 {width:340px;border:1px solid #cecece;}
.img_thumbnail3 {width:698px;border:1px solid #cecece;}

.btn_close {position:absolute;top:1px;right:1px;width:26px;height:26px;}
.btn_zoom {position:absolute;top:1px;right:1px;width:26px;height:26px;}
.type_video dd {background:#000;text-align:center;}
.type_video dd video {margin:0 auto;}

.imgbox dd video,
.imgbox2 dd video { margin:0; width:340px;}
.imgbox3 dd video { margin:0; width:700px;}

object img { display: none; }

.small_thumb {position:relative;}
.small_thumb li {overflow:hidden;float:left;margin:0 7px 4px 0px;}
.small_thumb li:nth-child(4n) {margin:0 0 4px -1px;}
.small_thumb li a img {width:80px;}
.small_thumb div.btn_zoom img {width:26px;height:26px;}

.thumbpager {width:70px;height:53px;display:inline-block;border: 1px solid #cecece;}
.thumbpager2 {width:140px;height:106px;display:inline-block;border: 1px solid #cecece;}
.bxSlider_thumb {overflow:hidden;}
.bxSlider_thumb .bx-default-pager {display:none;}
.bxSlider_thumb .bx-prev {display:none;}
.bxSlider_thumb .bx-next {display:none;}

.type_drag {height:300px;}
.vr_info {position:absolute;bottom:0;right:0;}

.page_type_b .imgbox dd {text-align:center;}
.page_type_b .imgbox2 dd {text-align:center;}

.sample_header {position:absolute;right:0px;margin:0;padding:0;}
.sample_header img {margin:0;padding:0;}
.sample_header .top_button {background:none;border:none;margin:0;padding:0;display:inline;}
.spk {background:none;border:none;width:20px;height:20px;margin:0 0 -2px 0;padding:0;display:block;}

button.slide_snd {position:relative;float:left;border:none;margin-top:-27px;left:1px;width:26px;}

.red {color:#C00;}
.blue {color:#09F;}
.center {text-align:center;}


iframe video {width:100%;height:100%;}
dd a iframe {width:100%;height:100%;}
div.novid {color:#fff;position:absolute;top:40%;line-height:20px;margin:-10px auto;text-align:center;width:100%;}
div.novid:link,
div.novid:hover,
div.novid:active,
div.novid:visited {}

/* 공통수식 */
.math1 {max-height:16px;vertical-align:middle;margin-top:-2px;}
.math2 {max-height:32px;vertical-align:middle;margin-top:-3px;}
.math3 {max-height:48px;vertical-align:central;}
.math4 {max-height:60px;vertical-align:central;}
.mathinside {margin:10px 0 10px 20px;}
.cont_box_line {display:block;margin:0px auto 25px;border:1px solid #e3e3e3;padding:9px 20px 9px 20px;background:#f9f9f9;}
.cont_box_line pre {font-size:14px;}
.cont_box_line2 {display:block;margin:0px auto 25px;border:1px solid #e3e3e3;padding:9px 20px 9px 20px;background:#fff;}

/* 주제별 핵심정리 */
.page_type_a {max-width:700px;min-width:300px;margin:0 auto;padding:0px 10px;text-align:justify;}
.page_type_a .header1 {padding:40px 0px;}
.page_type_a .header1 .head1 {font-size:18px;line-height:160%;text-align:center;color:#1985a1;}
.page_type_a .header1 .head2 {font-size:12px;line-height:160%;text-align:center;color:#999;}
.page_type_a .header1 .head3 {font-size:20px;line-height:130%;text-align:center;color:#999;}
.page_type_a h1 {margin:5px 0 0 0;font-size:30px;line-height:150%;color:#1985a1;text-align:center;font-weight:800;}
.page_type_a h3 {margin:0 0 20px 0;padding:15px 0 20px 0;font-size:18px;line-height:18px;color:#333;font-weight:800;border-top:2px solid #000;border-bottom:1px solid #e3e3e3;}
.page_type_a h4 {margin:0 0 18px 0;font-size:15px;color:#333333;}
.page_type_a h5 {font-size:12px;line-height:14px;color:#666;font-weight:normal;margin:10px 0 6px 0;background:url(http://www.edunet.net/inedu/images/contcomm/common/h5_icon.gif) 0 0px no-repeat;padding-left:10px;text-align:left;} 
.page_type_a h6{font-size:13px;font-weight:bold;margin-bottom:0;line-height:24px;}
.page_type_a p {display:block;margin:0 0 25px 0;line-height:24px;color:#666666;font-size:13px;word-break:normal;}
.page_type_a p.nospace {margin:0 0 10px 0;}
.page_type_a p.page_top{padding-top:15px;border-top:2px solid #000;}
.page_type_a p.source_txt{float:right;font-size:11px;color:#888;}
.page_type_a ul.txt_list li{line-height:26px;}
.page_type_a .ptxt_tit {color: #fff;background: #666;line-height: 30px;padding: 4px 8px;border-radius:10px;}

/* 단원별 핵심정리 */
.page_type_b {max-width:700px;min-width:300px;margin:0 auto;padding:0px 10px;text-align:justify;}
.page_type_b section {margin-bottom:30px;}
.page_type_b .header2 {margin:50px 0px;}
.page_type_b h1 {margin:0;font-size:30px;color:#333333;text-align:center;font-weight:800;}
.page_type_b h2 {margin:15px 0 0 0;font-size:14px;color:#005b93;text-align:center;font-weight:800;}
.page_type_b h3 {margin:0 0 30px 0;padding:10px 0 20px 0;font-size:18px;line-height:26px;color:#333;background:url(http://www.edunet.net/inedu/images/contcomm/common/tl_icon1.gif) 0 16px no-repeat;padding-left:24px;font-weight:800;border-top:2px solid #000;border-bottom:1px solid #e3e3e3;}
.page_type_b h4 {margin:0 0 15px 0;font-size:15px;color:#1985a1;}
.page_type_b h5 {font-size:12px;line-height:14px;color:#666;font-weight:normal;margin:10px 0 6px 0;background:url(http://www.edunet.net/inedu/images/contcomm/common/h5_icon.gif) 0 0px no-repeat;padding-left:10px;text-align:left;} 
.page_type_b p {margin:0 0 25px 0;font-size:13px;line-height:24px;color:#666666;}
.page_type_b p.nospace {margin:0 0 10px 0;}

.page_type_a ol {margin-bottom:30px;text-align:justify;}
.page_type_a ol li {line-height:20px;font-weight:700;font-size:13px;padding:4px 0;margin-left:0px;} 
.page_type_a ol ul {margin:0px 0 15px 0;text-align:justify;}
.page_type_a ol ul li {margin-left:5px;line-height:16px;font-weight:normal;}

.page_type_b ol {margin-bottom:30px;text-align:justify;}
.page_type_b ol li {line-height:20px;font-weight:700;font-size:13px;padding:4px 0;margin-left:0px;} 
.page_type_b ol ul {margin:0px 0 15px 0;text-align:justify;}
.page_type_b ol ul li {margin-left:5px;line-height:16px;font-weight:normal;}

.page_type_a>article>p:last-child {margin:0;}
.page_type_b>article>p:last-child {margin:0;}

.table_sound {vertical-align:middle;margin:-2px 5px 0 0;}

.overtable {overflow-x:auto;padding-bottom:30px;border-bottom:0px;font-family: "Nanum Gothic", "나눔고딕", "nGothic";}
.overtable table {width:100%;text-align:center;font-size:12px;line-height:16px;display:table;border-spacing:1px;}
.overtable table th {background:#f9f9f9;padding:10px;min-width:60px;font-weight:normal;border:1px solid #e3e3e3;font-family: "Nanum Gothic", "나눔고딕", "nGothic";}
.overtable table td {background:#fff;padding:10px;border:1px solid #e3e3e3;font-family: "Nanum Gothic", "나눔고딕", "nGothic";}
.overtable table td.left {text-align:left;}
.overtable table td right {text-align:right;}
.overtable table caption {caption-side:bottom;width:auto;text-align:center;margin-top:10px;font-size:13px;color:#666;}
.overtable table td.table_arrow1 {width:20px;border-spacing:0px;border:none;}
.overtable table td.table_arrow2 {height:12px;border-spacing:0px;border:none;}
.overtable table td.table_arrow1_nosize,
.overtable table td.table_arrow2_nosize {border-spacing:0px;border:none;}
.overtable table ol,
.overtable table ul {margin-bottom:0;}
.overtable table ol li {line-height:16px;margin-left:14px;text-indent:-14px;font-size: 12px;}
.overtable table ul li {line-height:16px;margin-left:7px;text-indent:-7px;font-size: 12px;}


#tooltip h3 {margin:0;font-size:13px;line-height:18px;color:#666;padding-left:0px;background:none;font-weight:normal;padding:0;border:none;}



/* 20140210_최낙영_새로운툴팁JS개발용(PC) */
span.tooltip2 { position:relative;} 
span.tooltip2 > button { cursor:pointer; background-color:transparent; border:0; }
span.tooltip2 > span { cursor:pointer; position:absolute; width:300px; z-index:3000;border:1px solid #ccc;box-shadow:2px 2px 3px rgba(0,0,0,.3);background-color:#fff;font-weight:normal; padding:5px 10px; display:none; } 
span.tooltip2 > button,
span.tooltip2 > button:link,
span.tooltip2 > button:hover,
span.tooltip2 > button:active,
span.tooltip2 > button:visited {color:#1985a1;text-decoration:underline;font-weight:700;}


#tooltip {position:absolute;z-index:3000;border:1px solid #ccc;box-shadow:2px 2px 3px rgba(0,0,0,.3);background-color:#fff;font-weight:normal;padding:5px 10px;}

table.subtext {width:100%;text-align:left;font-size:12px;display:table;line-height:20px;border:none;border-spacing:0px;}
table.subtext th {padding:6px 0 2px 0px;text-align:left;vertical-align:top;font-weight:700;color:#1985a1; width:9%; min-width:65px;}
table.subtext td {padding:6px 0 2px 0px;text-align:left; width:91%;}

/* 영문 */

.eng_card {position:relative;display:block;border:1px solid #ccc;margin-top:10px;margin-bottom:20px;line-height:140%;
box-shadow:0px 0px 5px rgba(0,0,0,.2);
border-radius:10px;overflow:hidden;}
.eng_card .big {font-size:20px;font-weight:700;line-height:24px;color:#8C4600;margin-right:10px;border-top-radius:10px;}
.eng_card .eng_card_top {position:relative;display:block;background:#FFFFDF;padding:20px;color:#333;font-weight:700;border-bottom-radius:10px;}
.eng_card .eng_card_bottom {position:relative;background:#fff;padding:10px 20px 10px 60px;border-top:1px solid #e3e3e3;}
.eng_card .ex {position:absolute;top:0;left:15px;width:30px;height:30px;background:url(http://www.edunet.net/inedu/images/contcomm/common/eng_ex.gif) 0 0 no-repeat;
background-size:30px 30px;}

.eng_card2 {position:relative;display:block;border:1px solid #ccc;margin-top:10px;margin-bottom:20px;line-height:140%;
box-shadow:0px 0px 5px rgba(0,0,0,.2);
border-radius:10px;overflow:hidden;}
.eng_card2 .big {font-size:20px;font-weight:700;line-height:24px;color:#00A3D9;margin-right:10px;}
.eng_card2 .eng_card_top {position:relative;display:block;background:#F0FCFF;padding:20px;color:#333;font-weight:700;border-top-radius:10px;}
.eng_card2 .eng_card_bottom {position:relative;background:#fff;padding:10px 20px 10px 60px;border-top:1px solid #e3e3e3;border-bottom-radius:10px;}
.eng_card2 .ex {position:absolute;top:0;left:15px;width:30px;height:30px;background:url(http://www.edunet.net/inedu/images/contcomm/common/eng_ex2.gif) 0 0 no-repeat;background-size:30px 30px;}

.eng_card3 {position:relative;display:block;border:1px solid #ccc;margin-top:10px;margin-bottom:20px;line-height:140%;
box-shadow:0px 0px 5px rgba(0,0,0,.2);
border-radius:10px;overflow:hidden;}
.eng_card3 .big {font-size:20px;font-weight:700;line-height:24px;color:#00A99D;margin-right:10px;}
.eng_card3 .eng_card_top {position:relative;display:block;background:#F8FFEE;padding:20px;color:#333;font-weight:700;border-top-radius:10px;}
.eng_card3 .eng_card_bottom {position:relative;background:#fff;padding:10px 20px 10px 60px;border-top:1px solid #e3e3e3;border-bottom-radius:10px;}
.eng_card3 .ex {position:absolute;top:0;left:15px;width:30px;height:30px;background:url(http://www.edunet.net/inedu/images/contcomm/common/eng_ex3.gif) 0 0 no-repeat;background-size:30px 30px;}

.eng_card_bottom p {margin:0;}

.eng_top_summary {display:block;position:relative;border:1px solid #ccc;padding:10px 17px;background:#F6F6F6;overflow:hidden;color:#425E5A;line-height:150%;font-weight:700;}
.eng_top_summary ul li {margin:10px 0 10px 7px;text-indent:-7px;font-size: 12px;}

.eng_h3subtitile {font-size:13px;color:#999;margin-left:10px;font-weight:normal;}

.ex_eng {color:#333;}
.ex_kor {color:#999;}

.eng_table1 {border:1px solid #e3e3e3;padding:5px;}
.eng_table1 .cell {width:25%;float:left;}
.eng_table1 .cell dl {display:block;margin:1px;}
.eng_table1 .cell dd {padding:5px;}
.eng_table1 .cell dt {text-align:center;}
.eng_table1 .cell dt .cell_eng {font-size:18px;font-weight:700;line-height:20px;color:#00A3D9;}
.eng_table1 .cell dt .cell_kr {font-size:13px;margin-bottom:10px}

.example01 {display:inline-block;width:12px;height:12px;background:url(http://www.edunet.net/inedu/images/contcomm/common/example.gif) 0 0 no-repeat;margin-top:-3px;vertical-align:middle;}

.print_only {display:none;}
.screen_only {display:block;}



/*  type_popA 공통  ( common.css 삽입 예정 )   */
.type_popA {position:relative; width:700px; height:445px;}
.type_popA > img { position:absolute; width:700px; height:445px; padding:0; z-index:1;}
.type_popA > ul { }
.type_popA button {background-color:transparent; border:0; }
.type_popA dt > button { position:absolute; cursor:pointer; z-index:10; }

.type_popA dd { position:absolute; width:300px; background-color:#eee; padding:10px; border:2px solid #ccc; text-align:center; z-index:101; display:none;}
.type_popA dd > h5 { font-size:1em; vertical-align:middle; background-position:0 2px; padding-left:5px; margin-bottom:10px }
.type_popA dd > h5 > strong { font-weight:800;font-size:1.4em;vertical-align:middle; padding-left:5px }
.type_popA dd > button { float:right; width:26px; height:26px; }
.type_popA dd > div { position:relative; clear:both; width:300px; height:200px; margin:0; overflow:hidden;  }
.type_popA dd > div > ol { position:absolute; width:980px; text-align:right; padding:0; top:5px; right:15px; }
.type_popA dd > div > ol > li { display:inline; padding:0; margin:0; }
.type_popA dd > div > ol > li > button { padding:3px; cursor:pointer; background-color:transparent; border:0;}

.type_popA dd > div > ul { margin:0; padding:0; width:1000px }
.type_popA dd > div > ul > li {  float:left; margin:0; padding:0;}
.type_popA dd > div > ul > li > img, .type_popA dd > div > img  { width:300px; height:200px; }  /* 팝업이미지 사이즈 고정*/

.type_popA dd > div > button.btn_prev { position:absolute; left:5px; top:130px }
.type_popA dd > div > button.btn_next { position:absolute; left:260px; top:130px  }

.type_popA dd > p { padding:10px 0; margin:0; text-align:justify; font-size:0.9em; line-height:1.6em;}


/*  툴팁포인터 공통CSS  */
span.tooltip { cursor: pointer; }


/*  프린트 팝업 - 코오롱 BEGIN --  */
/*  프린트 팝업 단원별 핵심정리 - printWksCont.jsp */
.printPage  {max-width:750px;min-width:300px;margin:0 auto;padding:0px 10px;text-align:justify;}
.viewArea .page_type_a .header1 {clear:both;padding:40px 0px;}
.viewArea .page_type_a .header1 .head1 {font-size:18px;line-height:160%;text-align:center;color:#1985a1;}
.viewArea .page_type_a .header1 .head2 {font-size:12px;line-height:160%;text-align:center;color:#999;}
.viewArea .page_type_a .header1 .head3 {font-size:20px;line-height:130%;text-align:center;color:#999;}
.viewArea .page_type_a h1 {margin:5px 0 0 0;font-size:30px;line-height:150%;color:#1985a1;text-align:center;font-weight:800;}
.viewArea .page_type_a h3 {margin:0 0 20px 0;padding:15px 0 20px 0;font-size:18px;line-height:18px;color:#333;font-weight:800;border-top:2px solid #000;border-bottom:1px solid #e3e3e3;}
.viewArea .page_type_a h4 {margin:0 0 18px 0;font-size:15px;color:#333333;}
.viewArea .page_type_a h5 {font-size:12px;line-height:14px;color:#666;font-weight:normal;margin:10px 0 6px 0;background:url(http://www.edunet.net/inedu/images/contcomm/common/h5_icon.gif) 0 0px no-repeat;padding-left:10px;text-align:left;} 
.viewArea .page_type_a p {display:block;margin:0 0 25px 0;line-height:24px;color:#666666;font-size:13px;width:750px;}
.viewArea .page_type_a p.nospace {margin:0 0 10px 0;}
.viewArea .page_type_a div.full img {margin:0 auto;max-width:100%;}
.viewArea .page_type_a {position:absolute;left:0px;top:220px;width:750px;}
.viewArea .page_type_a .paragraph{width:750px;}

/* -- 프린트 팝업 주제별 (나영준 수정) -- */
.viewArea .page_type_a .qrbox2 {display:block;}
.viewArea .page_type_a .center_qr {text-align:center;}
.viewArea .page_type_a .center_qr .qrbox {display:inline-block; margin:25px 25px 25px;}


/* -- 프린트 팝업 단원별 핵심정리 - printSubCont.jsp -- */ 

.viewArea .page_type_b {max-width:750px;min-width:300px;margin:0 auto;padding:0px 10px;text-align:justify;color:#666666}
.viewArea .page_type_b section {margin-bottom:30px;;color:#666666}
.viewArea .page_type_b .header2 {margin:50px 0px;}
.viewArea .page_type_b h1 {margin:0;font-size:30px;color:#333333;text-align:center;font-weight:800;}
.viewArea .page_type_b h2 {margin:15px 0 0 0;font-size:14px;color:#005b93;text-align:center;font-weight:800;}
.viewArea .page_type_b h3 {margin:0 0 30px 0;padding:10px 0 20px 0;font-size:18px;line-height:26px;color:#333;background:url(http://www.edunet.net/inedu/images/contcomm/common/tl_icon1.gif) 0 16px no-repeat;padding-left:24px;font-weight:800;border-top:2px solid #000;border-bottom:1px solid #e3e3e3;}
.viewArea .page_type_b h4 {margin:0 0 15px 0;font-size:15px;color:#1985a1;font-weight:bold}
.viewArea .page_type_b h5 {font-size:12px;line-height:14px;color:#666;font-weight:normal;margin:10px 0 6px 0;background:url(http://www.edunet.net/inedu/images/contcomm/common/h5_icon.gif) 0 0px no-repeat;padding-left:10px;text-align:left;} 
.viewArea .page_type_b p {margin:0 0 25px 0;font-size:13px;line-height:24px;color:#666666;}
.viewArea .page_type_b p.nospace {margin:0 0 10px 0;}
.viewArea .page_type_b div.full img {margin:0 auto;max-width:718px;}
.viewArea .page_type_b {position:absolute;left:0px;top:100px;width:750px;}
.viewArea .page_type_b .paragraph{width:750px;}
.viewArea .page_type_b .overtable th,
.viewArea .page_type_b .overtable td{color:#666666;}
.viewArea .page_type_b ol {margin-bottom:30px;text-align:justify;color:#666666;}
.viewArea .page_type_b ol li {line-height:20px;font-weight:700;font-size:13px;padding:4px 0;margin-left:0px;color:#666666;} 
.viewArea .page_type_b ol ul {margin:0px 0 15px 0;text-align:justify;color:#666666;}
.viewArea .page_type_b ol ul li {margin-left:5px;line-height:16px;font-weight:normal;color:#666666;}

 

/* --  프린트 팝업 - 코오롱 END -- */ 

.page_type_a .btn_zoom,
.page_type_b .btn_zoom {display:none;} /* 단원정리 확대기능 감춤 */ 




/* 이하 전체 모바일 반응형 웹(responsive web) */

@media all and (max-width: 739px){	

.top_button img {height:22px;}

.img_thumbnail1 {width:298px;}
.img_thumbnail2 {width:298px;}
.img_thumbnail3 {width:298px;}

/* 주제별 핵심정리 */

.page_type_a {margin:0px;}
.page_type_a .header1 {margin:0px;}
.page_type_a .header1 .head1 {font-size:14px;line-height:160%;text-align:center;color:#1985a1;}
.page_type_a .header1 .head2 {font-size:12px;line-height:160%;text-align:center;color:#999;}
.page_type_a .header1 .head3 {font-size:16px;line-height:130%;text-align:center;color:#999;}
.page_type_a h1 {margin:3px 0 0 0;font-size:22px;line-height:150%;color:#1985a1;text-align:center;font-weight:800;}
.page_type_a h4 {margin-bottom:15px;}
.page_type_a p {margin-bottom:25px;}

/* 단원별 핵심정리 */

.page_type_b {margin:0px;}
.page_type_b.header2 {margin:0px;}
.page_type_b h1 {margin:0;font-size:22px;color:#333333;text-align:center;font-weight:800;}
.page_type_b h2 {margin:15px 0 0 0;}
.page_type_b h3 {margin:0 0 20px 0;}
.page_type_b h4 {margin:0 0 15px 0;}
.page_type_b p {margin-bottom:25px;}
.page_type_b div.full {display:block;}
.page_type_b div.full img {margin:0 auto 25px;max-width:300px;}

/* 공통 */
.page_type_a article,
.page_type_b article {padding-bottom:15px;margin-bottom:25px;}

.page_type_a div.imgbox.right,
.page_type_b div.imgbox.right {width:296px;display:block;margin:0 auto 20px;float:none;display:block;}
.page_type_a div.textbox2 {width:300px;display:block;float:none;}
.page_type_b div.textbox2 {width:300px;display:block;float:none;}

.dubble_img_box div.imgbox2.left {width:300px;margin:0 auto 23px;float:none;display:block;}
.dubble_img_box div.imgbox2.right {width:300px;margin:0 auto 23px;float:none;display:block;}
.dubble_img_box div.imgbox2.center {width:300px;margin:0 auto 23px;float:none;display:block;}
.dubble_img_box div.imgbox3.full {width:300px;margin:0 auto 23px;float:none;display:block;}
.dubble_img_box div.textbox2.left {width:100%;margin:0;display:block;float:none;}
.dubble_img_box div.textbox2.right {width:100%;margin:0;display:block;float:none;}

.page_type_a div.engbox,
.page_type_b div.engbox {width:100%;display:block;margin:0;float:none;}
.page_type_a div.engbox,
.page_type_b div.engbox {margin-top:0px;}
.page_type_a div.engbox2,
.page_type_b div.engbox2 {width:100%;display:block;margin:0;float:none;}
.page_type_a div.engbox2,
.page_type_b div.engbox2 {margin-top:0px;}

.eng_card .eng_card_bottom,
.eng_card2 .eng_card_bottom,
.eng_card3 .eng_card_bottom,
.eng_card4 .eng_card_bottom,
.eng_card5 .eng_card_bottom {padding:35px 20px 10px 20px;}
.eng_card_bottom p {margin:0;}

.imgbox video,
.dubble_img_box div.imgbox2 video,
.dubble_img_box div.imgbox3 video {width:300px;height:170px;}

#bx-pager {width:300px;}

.small_thumb li {display:block;float:left;margin:0 7px 4px 0;}
.small_thumb li:nth-child(4n) {overflow:hidden;margin:0 0 4px -1px;}
.small_thumb li a img {width:70px;}

.sample_header {position:relative;margin-bottom:25px;text-align:right;}
.sample_header .top_button {display:inline-block;}


#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 20px;
	height: 35px;
	margin-top: -17px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}


#tooltip h3 {margin:0;font-size:12px;line-height:16px;color:#fff;padding-left:0px;background:#000;font-weight:normal;}



/* 20140210_최낙영_새로운툴팁JS개발용(모바일) */
span.tooltip2 { position:relative;} 
span.tooltip2 > button { cursor:pointer; background-color:transparent; border:0; }
span.tooltip2 > span {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ccc;
	box-shadow:2px 2px 5px rgba(0,0,0,.3);
	background: #000;
	font-weight:normal;		
	padding: 3px ;
    border: 1px solid red;
	border-radius: 2px;
	opacity:0.8;

} 





#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #ccc;
	box-shadow:2px 2px 5px rgba(0,0,0,.3);
	background: #000;
	font-weight:normal;		
	padding: 3px ;
    border-radius: 2px;
	opacity:0.8
}

.eng_table1 .cell {display:table-cell;width:50%;float:left;}

.print_only {display:block;}
.screen_only {display:none;}
}

@media print {	


.qrbox {display:inline-block;}
.qrbox2 {display:block;}
.spk {display:none;}
.page_type_a .imgbox2 dd {vertical-align:middle;}

.bx-prev {display:none;}
.bx-next {display:none;}

.print_only {display:block;}
.screen_only {display:none;}
}


/* 수식관련 no_54  p1.php */
div.modify_box {text-align: center;}
span.modify {display: inline-block;vertical-align: middle;padding: 0;margin: 0;text-indent: 0;}
span.modify > span {display: block;padding: 0 2px;margin: 0;line-height: 1em;text-align: center;} 
span.modify > .mdf_top {border-bottom: 1px solid #333;margin-top: 12px;}
span.modify > .mdf_bottom {margin-top: 5px;}
span.text_left {text-align:left;}
span.border-bottom {border-bottom:1px solid #333;line-height: 1em;}
span.w30{width:30px;}
span.w40{width:40px;}
sup, sub {}

/*텍스트 박스*/
div.txt_box > p{padding:10px;border:1px solid #000;}
div.txt_box > p > span{ display:block; line-height:24px;text-align:left;}